Desactivar los hilanderos de entrada numérica | Programar Plus

Los navegadores de escritorio WebKit agregan pequeñas flechas hacia arriba y hacia abajo a las entradas numéricas llamadas hilanderos. Puede apagarlos visualmente de esta manera:

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

Tenga en cuenta que todavía existe alguna otra funcionalidad, como poder incrementar el número mediante la rueda de desplazamiento de un mouse.

Arriba, encendido, abajo, apagado.

David escribió en su blog otro método en junio de 2021:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}