Come fare per - Nascondere le frecce dal numero di input
Scopri come rimuovere le frecce/gli spinner dal numero del tipo di input con CSS.
Prova a passare con il mouse su entrambi gli input numerici per vedere la differenza:
Frecce nascoste:
Predefinito:
Note sulla funzionalità: È ancora possibile incrementare il numero quando si scorre all'interno del numero inserito.
Rimuovi le frecce/gli spinner
Esempio
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
Suggerimento: vai al nostro Tutorial per moduli HTML per saperne di più sui moduli HTML.
Suggerimento: vai al nostro riferimento di input HTML type="number" per saperne di più sugli input con type="number".