Non-standard
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-track CSS pseudo-element is a Microsoft extension that represents the track of a slider control. A slider control is one possible representation of <input type="range">.
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 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.
Only the following CSS properties can be used in a rule with ::-ms-track in its selector. Other properties are ignored.
background-clipbackground-colorbackground-imagebackground-originbackground-repeatbackground-sizeborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-left-colorborder-left-styleborder-left-widthborder-right-colorborder-right-style border-right-widthborder-top-colorborder-top-left-radiusborder-top-right-radius border-top-styleborder-top-widthbox-shadowbox-sizingcolorcursordisplay (values block, inline-block, none)@font-facefont-sizefont-stylefont-weightheightmargin-bottommargin-leftmargin-rightmargin-top-ms-background-position-x-ms-background-position-y-ms-high-contrast-adjustopacityoutline-coloroutline-styleoutline-widthpadding-bottompadding-leftpadding-rightpadding-toptransformtransform-originvisibilitywidth::-ms-track
::-ms-thumb::-ms-fill-upper::-ms-fill-lower::-webkit-slider-runnable-track::-moz-range-track
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/::-ms-track