Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] quitar decoracion input number

Estas en el tema de quitar decoracion input number en el foro de CSS en Foros del Web. Hola amigos!! Estoy haciendo un formulario. En este tipo de campos: <input type="number"> ¿Cómo puedo quitar las flechitas de arriba y abajo? He perobado con: ...
  #1 (permalink)  
Antiguo 24/04/2013, 05:50
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 7 años
Puntos: 5
quitar decoracion input number

Hola amigos!!

Estoy haciendo un formulario.

En este tipo de campos: <input type="number">

¿Cómo puedo quitar las flechitas de arriba y abajo?

He perobado con: style="text-decoration: none" ; pero nada!!

Solo aparecen en Firefox.

Un saludo!!
  #2 (permalink)  
Antiguo 24/04/2013, 06:04
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 4 meses
Puntos: 2111
Respuesta: quitar decoracion input number

Sino quieres usar HTML5 entonces deja el campo de tipo texto.
  #3 (permalink)  
Antiguo 24/04/2013, 06:28
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 7 años
Puntos: 5
Respuesta: quitar decoracion input number

Ya pero así me evito tener que validar ese campo....

Sé que es una tontería lo de las flechitas, pero queda muy mal...

Voy a seguir intentándolo.

Gracias!!
  #4 (permalink)  
Antiguo 24/04/2013, 06:42
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años, 4 meses
Puntos: 2111
Respuesta: quitar decoracion input number

La validación la tendrás que hacer de todas formas de lado servidor, sino será bastate fácil saltársela. La validación que traen los navegadores para HTML5 puede reemplazar la validación de lado cliente pero no la del. servidor.

Puedes ocultar las flechas mostrando otro elemento por encima de el del formulario, como cuando se reemplaza un campo de tipo archivo, pero para hacer eso, casi que merece más la pena hacer la validación por JavaScript.
  #5 (permalink)  
Antiguo 24/04/2013, 09:45
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 7 años
Puntos: 5
Respuesta: quitar decoracion input number

OK Muchas gracias, me has convencido !! jaja

Haré la validación con JavaScript.

Un saludo!!

Etiquetas: input, number
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:44.