Example
HTML
<input type="range"></input>
CSS
| Effect | Pseudo Selector |
|---|---|
| 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 (not possible in WebKit browsers currently - JS needed) |
