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-slider-thumb
CSS pseudo-element represents the "thumb" that the user can move within the "groove" of an <input>
of type="range"
to alter its numerical value.
Syntax
::-webkit-slider-thumb
Specifications
Not part of any standard.
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
No compatibility data found. Please contribute data for "css.selectors.-webkit-slider-thumb" (depth: 1) to the MDN compatibility data repository.
See also
::-webkit-slider-runnable-track
- Similar pseudo-elements used by other browsers:
- CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS
- QuirksMode: Styling and scripting sliders
- Couple of Gotchas to Watch-out For