Turn Off or hide HTML5 Input Number Spinners
In HTML5 input type number Desktop browsers add little up and down arrows to number inputs called spinners.
With the help of this up ad down arrow you can increase or decrease input values. But most time we need input number but don’t want to see this spinners or arrow.
Most of time its look very odd , You can turn them off visually or disable them like this:
1 2 3 4 5 6 7 8 9 10 11 |
input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } |
This code is working fine in Chrome, Opera, Mozilla and other modern desktop browser.
[paypal-donation]