Windows 8 login [type = "range"] style

Question

I try to style my sliders in Windows 8 (IE 10), they have a standard style, and I can not find their style in the documentation, everyone who had to style the slider (I just want to change the color)

See the figure below to see the standard style of Windows 8 (IE 10):

I want to change the purple slider element, for example, to red. I don’t send the code because I can’t find where to look for it, even in test mode on my Visual Studio debugging screen.

---

In addition to this question, I want to ask if you know how to style select controls, I can control everything else, but the blue color in the image below

Answer 1

Solution found! The padding in the controller is set by this new property -ms- (IE)

FX will make it black

input[type="range"]::-ms-fill-lower{background-color:#000;} 

EDIT * (

 input[type="range"]:hover::-ms-fill-lower{background-color:#fff;} 

)

Additional controls can be found by building IT after the contents of the links in window 8 and in the visual studio 2012 edition.

Answer 2

Simon's answer does not work unless you set a selector in front of it:

 #sliderId::-ms-fill-lower { background-color: #ff0000; } #sliderId::-ms-fill-upper { background-color: #0000ff; } 

Link