如何設定範圍輸入的樣式

HTML

<input type="range"></input>

CSS

影響 偽選擇器
Thumb input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb, input[type=range]::-ms-thumb
Track input[type=range]::-webkit-slider-runnable-track, input[type=range]::-moz-range-track, input[type=range]::-ms-track
OnFocus input[type=range]:focus
Lower part of the track input[type=range]::-moz-range-progress, input[type=range]::-ms-fill-lower(目前在 WebKit 瀏覽器中不可能 - JS 需要)