::-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.

Example

HTML

<input type="number">

CSS

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

Result

Specifications

Not part of any specification. This is a proprietary pseudo-element specific to WebKit/Blink.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
::-webkit-outer-spin-button
Non-standard
Chrome No support 6 — 13Edge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support 4.1 — 5.1WebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support 4.2 — 5.1Samsung Internet Android No support No

Legend

No support  
No support
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.

See also