::-moz-range-track
非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。
::-moz-range-track CSS 伪元素是 Mozilla 扩展，它表示在 type="range" 的 <input> 中，指示器滑动所在轨迹（即凹槽）。
注意：将 ::-moz-range-track 用于除 <input type="range"> 之外的任何元素，都不会匹配任何内容，也无效。
语法
css
::-moz-range-track {
/* ... */
}
示例
HTML
html
<input type="range" min="0" max="100" step="5" value="50" />
CSS
css
input[type="range"]::-moz-range-track {
background-color: green;
}
结果
使用此样式的范围滑块可能看起来像这样
规范
不属于任何标准。
浏览器兼容性
加载中…
另见
-
Gecko 用于设置范围输入其他部分的伪元素
::-moz-range-thumb表示在凹槽中滑动的指示器。::-moz-range-progress表示轨迹的下半部分。
-
其他浏览器使用的类似伪元素
::-webkit-slider-runnable-track，WebKit 和 Blink（Safari、Chrome 和 Opera）支持的伪元素