::-moz-range-progress

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

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

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

语法

Error: could not find syntax for this item

示例

HTML

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

CSS

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

结果

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

规范

无内容

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
::-moz-range-progress
Non-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.

参见