Disattivare i controlli per i campi numerici

I browser con motore Webkit, aggiungono dei piccoli controlli a lato dei campi numerici nei form.
Quindi se abbiamo un elemento input con type=”numeric”, il browser aggiunge automaticamente dei controlli del tipo

Per inibire questo comportamento è necessario agire sui CSS

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

Questo però non inibisce la modifica del campo attraverso l’uso della rotellina del mouse.