::-moz-range-progress

非标准
该特性是非标准的,请尽量不要在生产环境中使用它!

The ::-moz-range-progress CSS 伪元素 是一个 Mozilla 扩展。它代表了指示器在其中滑动的轨道的下部(即凹槽)是一个 type="range" 类型的 <input> 。此部分对应的值低于揪揪当前选择的值(即虚拟旋钮)。

注意: 在 <input type="range">上应用::-moz-range-progress 不会匹配任何元素,也不会有任何效果。

语法

::-moz-range-progress

示例

HTML

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

CSS

input[type=range]::-moz-range-progress {
  background-color: green;
  height: 1em;
}

结果

使用了这个样式的进度条可能会看起来这样:

规范

无内容

浏览器兼容性

BCD tables only load in the browser

相关阅读