Monday, August 12, 2013

How to Turn Off Number Input Spinners in WebKit desktop browsers

How to Turn Off Number Input Spinners in WebKit desktop browsers


You can turn off Number Input Spinners in WebKit Desktop browsers  using this css code:

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

Note that some other functionality still exists, like being able to increment the number via the scroll wheel on a mouse.
Disqus Comments