2

¿Cómo puedo hacer para que las flechas de incremento y decremento del <input type="number"> me queden activas sin tener que posicionarme con el mouse sobre ellas para verlas (sin hacer hover)?

Es decir que se vea así por defecto como muestra la foto.

introducir la descripción de la imagen aquí

<input type="number">

1 respuesta 1

3

Puedes utilizar el pseudo-elemento -webkit-inner-spin-button especificando el input input[type=number]::-webkit-inner-spin-button para acceder al botón giratorio, y darle una opacidad de 1 de la siguiente forma:

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}
<input type="number" value="1">

Aquí te dejo una tabla de compatibilidad con los navegadores:

Tabla de compatibilidad

Espero te sirva.

Saludos ;)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.