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-ticks-after CSS pseudo-element is a Microsoft extension that applies one or more styles to the tick marks that appear after the track of a slider control. A slider control is one possible representation of <input type="range">.

These ticks are not shown by default. To show them, set the control's display property to block.

It is possible to use the ::-ms-ticks-after, ::-ms-ticks-before, and ::-ms-track pseudo-elements together. To do so would create three sets of tick marks, but the best user experience is one set. To remove tick marks altogether, set the color property to transparent.

Allowable Properties

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



Document Tags and Contributors

Contributors to this page: jameshkramer, chrisdavidmills, mfluehr, erikadoyle
Last updated by: jameshkramer,