input type number – rimuovere le frecce

I campi input number presentano di defaul una coppia di frecce (spinner) sul lato dx per incrementare/decrementare il valore, tuttavia queste non sempre sono desiderabili, ad esempio quando é necessario inserire un codice numerico piuttosto che una quantitá.

Pur non esistendo un’unica soluzione, di fatto a causa della convergenza dei browserengine le soluzioni si riducono a due regole CSS (una per firefox e una per… tuttiglialtri ).

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

-fine-