user852974 user852974 - 1 year ago 70
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 Source

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