::-moz-range-track

::-moz-range-track

非标准

这个功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为在未来可能会发生变化。

的::-moz-range-track CSS 伪元件是Mozilla的扩展一个表示轨道（即，槽），其中在所述指示器滑动<input>的type="range"。

注意：使用::-moz-range-track任何东西，但一个<input type="range">不匹配任何东西，没有任何效果。

语法

::-moz-range-track

示例

HTML

<input type="range" min="0" max="100" step="5" value="50"/>

CSS

input[type=range]::-moz-range-track {
  background-color: green;
}

结果

使用这种风格的进度条可能如下所示：

规范

不是任何规格的一部分。这是 Gecko 特有的专有伪元素。

浏览器兼容性