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-lower CSS pseudo-element represents the lower portion of the track of a slider control; that is, the portion corresponding to values less 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-lower 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