CSS - ::-ms-fill-upper
The ::-ms-fill-upper CSS pseudo-element represents the portion of the "track" (the groove in which the indicator aka thumb slides) of an <input> of type="range", which corresponds to values greater than the value currently selected by the thumb.
Description
The ::-ms-fill-upper CSS pseudo-element represents the portion of the "track" (the groove in which the indicator aka thumb slides) of an <input> of type="range", which corresponds to values greater than the value currently selected by the thumb.
Browser Compatibility
| Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | Not supported | Not supported | (Yes) | Not supported | Not supported |
| Feature | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | Not supported | Not supported | ? | Not supported | Not supported |
See Also
- The pseudo-elements used by IE/Edge to style other parts of a range input:
::-moz-range-progress- CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS
- QuirksMode: Styling and scripting sliders
Specifications
Not part of any specification.
Microsoft has a description on MSDN.
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/::-ms-fill-upper