Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The ::-webkit-outer-spin-button CSS pseudo-element is used to style the outer part of the spinner button of number picker <input> elements.


::-webkit-outer-spin-button {
  /* ... */


Note: These examples only works on browsers based on WebKit or Blink.

Hiding the spinner

This example uses input::-webkit-outer-spin-button to find <input> elements' spinner widgets and set their -webkit-appearance to none, thus hiding them.


<input type="number" />


input::-webkit-outer-spin-button {
  -webkit-appearance: none;



Not part of any standard.

Browser compatibility

BCD tables only load in the browser

See also