How to style a Range input

suggest change

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)

Feedback about page:

Feedback:
Optional: your email if you want me to get back to you:



Table Of Contents