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.


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

See also

Document Tags and Contributors

 Contributors to this page: teoli, cvrebert
 Last updated by: teoli,