user852974 user852974 - 10 days ago 5
CSS Question

Styling HTML5's input range control with CSS?

If so, how? I want to make the slider look like this:
enter image description here

Which involves changing the color of the draggable dot and the slider bar, as well as changing their sizes. Any help would be appreciated.

Answer

you can do it in WebKit for sure. here's a quick example: http://jsfiddle.net/jalbertbowdenii/7Nzgw/3/

pretty sure you can style cross-browser if you're using modernizr, @ least for modern browsers..but i am assuming. you can find more information here: http://davidbcalhoun.com/2011/implementing-iphone-slider-unlock-with-input-type-range

Comments