::-moz-range-thumb

非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。

::-moz-range-thumb CSS 偽元素Mozilla 擴充套件,它表示 type="range"<input>滑塊(即虛擬旋鈕)。使用者可以沿輸入框的軌道移動滑塊以改變其數值。

注意:::-moz-range-thumb 與除 <input type="range"> 以外的任何元素一起使用均不匹配任何內容,也無效。

語法

css
::-moz-range-thumb {
  /* ... */
}

示例

HTML

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

CSS

css
input[type="range"]::-moz-range-thumb {
  background-color: green;
}

結果

使用此樣式的進度條可能如下所示:

The thumb of the 'input type=right' styled in green

規範

不屬於任何標準。

瀏覽器相容性

另見