css - Is there a way to style HTML5's range control?

Question

Is there a way to style HTML5's range control? Is it possible to change the color of the line the slider slides on?

Answer 1

Turns out, there is in webkit:

 input[type="range"]{
   -webkit-appearance:none !important;
 }

 input[type="range"]::-webkit-slider-thumb{
   -webkit-appearance:none !important;  
 }

You can then add whatever attributes you need to each those selectors. Background, gradient, etc...

Hope that helps!