::-webkit-outer-spin-button

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.

Syntax

css

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

Examples

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.

HTML

html

<input type="number" />

CSS

css

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

Result

Specifications

Not part of any standard.

Browser compatibility

BCD tables only load in the browser

See also