::-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;
}
結果
使用此樣式的進度條可能如下所示:
![]()
規範
不屬於任何標準。
瀏覽器相容性
載入中…
另見
-
Gecko 用於樣式化範圍輸入其他部分的偽元素
::-moz-range-track表示滑塊滑動的凹槽。::-moz-range-progress表示軌道的下半部分。
-
其他瀏覽器使用的類似偽元素
::-webkit-slider-thumb,WebKit 和 Blink(Safari、Chrome 和 Opera)支援的偽元素