::-ms-track pseudo-element

Applies one or more styles to the track of an input type=range control (also known as a slider control).


sel::-ms-track {...}



A simple selector.


Applying the color property within the ::-ms-track selector affects the tick marks inside the track area.

It is possible to use the ::-ms-ticks-after, ::-ms-ticks-before, and ::-ms-track selectors together. However, to do so would create three sets of tick marks, which is not recommended. For the most ideal user experience, use one set of tick marks. To remove tick marks altogether, set the color property to "transparent".

You can set these properties on this pseudo-element (other properties are ignored):

See also

input type=range