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