This is an archived page. It's not actively maintained.


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 ::-ms-fill-upper CSS pseudo-element is a Microsoft extension that represents the upper portion of the track of a slider control; that is, the portion corresponding to values greater than the value currently selected by the thumb. A slider control is one possible representation of <input type="range">.

Allowable Properties

Only the following CSS properties can be used in a rule with ::-ms-fill-upper in its selector. Other properties are ignored.




Not part of any specification.

Browser compatibility

Historically supported in Internet Explorer and Edge before version 79.

See also