Come nascondere le frecce nei campi di input numerici

Impara come rimuovere le frecce o i cursori di scorrimento da un campo di input numerico utilizzando CSS.

Prova a posizionare il mouse su due campi di input numerici per vedere la differenza:

Frecce nascoste:

Predefinito:

Descrizione della funzione:Quando scorri la rotella all'interno di un campo di input numerico, puoi ancora aumentare il numero.

Nascondere le frecce

/* 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;
}

Prova personalmente

Pagine correlate

Guida:Formulario HTML

Manuale di riferimento:HTML <input type="number">