::-moz-range-track

非标准:此功能是非标准的,不在标准化轨道上。不要在面向 Web 的生产网站上使用它:它不会对每个用户都有效。实现之间也可能存在很大的不兼容性,并且行为在将来可能会发生变化。

::-moz-range-track CSS 伪元素Mozilla 扩展,它代表指示器在 <input> 中滑动的轨道(即凹槽),其中 type="range"

注意:使用 ::-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;
}

结果

使用此样式的范围滑块可能看起来像这样

A range with the track green

规范

不属于任何标准。

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅