::-moz-range-track
非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。
::-moz-range-track CSS 偽元素是 Mozilla 擴充套件,它表示在 type="range" 的 <input> 中,指示器滑動所在軌跡(即凹槽)。
注意:將 ::-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;
}
結果
使用此樣式的範圍滑塊可能看起來像這樣

規範
不屬於任何標準。
瀏覽器相容性
載入中…
另見
-
Gecko 用於設定範圍輸入其他部分的偽元素
::-moz-range-thumb表示在凹槽中滑動的指示器。::-moz-range-progress表示軌跡的下半部分。
-
其他瀏覽器使用的類似偽元素
::-webkit-slider-runnable-track,WebKit 和 Blink(Safari、Chrome 和 Opera)支援的偽元素