::-moz-range-track
The ::-moz-range-track
CSS pseudo-element is a Mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input>
of type="range"
.
Safe to Use
::-moz-range-track
is not safe to use.
It’s supported by 3% of global browsers.
Browsers
ChromeUnsupported
Chrome does not support this feature.
SafariUnsupportedSafari does not support this feature.
EdgeUnsupportedEdge does not support this feature.
FirefoxMay 14, 2013v21.0.03%╱100%
100% of Firefox users are running a supported version.
Version Breakdown
Support
Adoption
Chrome
Unsupported
Chrome does not support this feature.
No Support
Chrome Android
Unsupported
Chrome Android does not support this feature.
No Support
Edge
Unsupported
Edge does not support this feature.
No Support
Firefox
May 14, 2013 v21.0.0
3%╱100%
100% of Firefox users are running a supported version.
May 14, 2013 – Latest
v21.0.0+
3%╱100%
Full Support
Firefox for Android
May 14, 2013 v21.0.0
Firefox for Android supports this feature.
May 14, 2013 – Latest
v21.0.0+
Full Support
Internet Explorer
Unsupported
Internet Explorer does not support this feature.
No Support
Unsupported
Quest Browser does not support this feature.
No Support
Opera
Unsupported
Opera does not support this feature.
No Support
Opera Android
Unsupported
Opera Android does not support this feature.
No Support
Safari
Unsupported
Safari does not support this feature.
No Support
Safari on iOS
Unsupported
Safari on iOS does not support this feature.
No Support
Samsung Internet
Unsupported
Samsung Internet does not support this feature.
No Support
WebView Android
Unsupported
WebView Android does not support this feature.
No Support
See Also
-
The pseudo-elements used by Gecko to style other parts of a range input:
::-moz-range-thumb
represents the indicator that slides in the groove.::-moz-range-progress
represents the lower portion of the track.
-
Similar pseudo-elements used by other browsers:
::-webkit-slider-runnable-track
, pseudo-element supported by WebKit and Blink (Safari, Chrome, and Opera)
-
CSS-Tricks: Styling Cross-Browser Compatible Range Inputs with CSS