::-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;
}

結果

使用此樣式的範圍滑塊可能看起來像這樣

A range with the track green

規範

不屬於任何標準。

瀏覽器相容性

另見