::-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;
}
结果
使用此样式的范围滑块可能看起来像这样
规范
不属于任何标准。
浏览器兼容性
BCD 表格仅在浏览器中加载
另请参阅
- Gecko 用于设置范围输入其他部分样式的伪元素
::-moz-range-thumb
代表在凹槽中滑动的指示器。::-moz-range-progress
代表轨道的下半部分。
- 其他浏览器使用的类似伪元素
::-webkit-slider-runnable-track
,WebKit 和 Blink(Safari、Chrome 和 Opera)支持的伪元素
- CSS-Tricks:使用 CSS 设置跨浏览器兼容的范围输入样式
- QuirksMode:设置滑块的样式和脚本