Desactivar las flechas de los inputs numbers

Desactivar las flechas de los inputs numbers

Algunas veces necesitamos usar en algún formulario un input del tipo numérico ( type=»number» ) pero no queremos que aparezcan las flechas.

Los navegadores de escritorio WebKit agregan flechas hacia arriba y hacia abajo a las inputs de tipo numérico denominados giradores o spinners.

Puedes desactivarlos visualmente utilizando el siguiente código CSS:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

Debes tener en cuenta que aunque estos se oculten visualmente, la funcionalidad de aumentar o disminuir el número mediante la rueda de desplazamiento del mouse sigue activa.

Desactivar las flechas de los inputs numbers
5 (100%) 1 vote[s]

Deja un comentario