我想要设置< input type ='range'/>元素在IE10.
默认情况下,IE 10样式如下：
我想定制一下,比如说,将颜色蓝色变成红色,灰色变成黑色,小酒吧变黄,小黑色洗涤器变白.我尝试覆盖CSS中的background-color属性和color属性.但它没有奏效.
有任何想法吗？
解决方法
有许多伪元素可用于在IE10中创建范围控件.
input[type="range"]::-ms-fill-upper {
background-color: green;
}
拇指后会涂抹部分.拇指使用前的风格：
input[type="range"]::-ms-fill-lower {
background-color: lime green;
}
参见例如http://jsfiddle.net/K8WyC/4/
要缩放大拇指,您可以使用:: – ms-thumb,而刻度标记可以用:: – ms-ticks-before,:: – ms-ticks-after或:: – ms-track(后者风格双方).您可以在http://msdn.microsoft.com/en-us/library/ie/hh869604(v=vs.85).aspx找到有关控件的各种伪元素的更多信息
你要求的风格可以像下面的小提琴一样实现：http://jsfiddle.net/K8WyC/8/
