I'm trying to style my sliders on Windows 8 (IE 10) they have some standard styling and I can't find their styling within the documentation, anyone else who have had to style the slider (I just want to change the color)
我正在尝试在Windows 8(即10)上对我的滑块进行样式化它们有一些标准样式但是我在文档中找不到它们的样式，任何其他需要对滑块进行样式化的人(我只想改变颜色)
See picture below to see Windows 8 standard styling (IE 10):
参见下图，查看Windows 8标准样式(即10):
I want to change the purple element of the slider to, for instance, red. I'm not posting code because I can't find out where to look for it, not even in the inspect mode in my Visual Studio debug screen.
我想要将滑块的紫色元素更改为，例如，红色。我没有发布代码，因为我找不到在哪里找到它，甚至在我的Visual Studio调试屏幕的检查模式中也找不到。
In addition to this question i wanna ask if you know how to style the select controls i can manage all the other but the blue one on the picture below
除了这个问题，我还想问你是否知道如何对select控件进行样式化除了下图中的蓝色控件之外，我可以管理其他所有控件
2 个解决方案
#1
6
The solution have been found! The fill in the controler is set by this new -ms- (IE) property
解决方案已经找到!控件中的填充由这个新的-ms- (IE)属性设置
FX this would make it black
这将使它变为黑色
input[type="range"]::-ms-fill-lower{background-color:#000;}
EDIT*(
编辑*(
input[type="range"]:hover::-ms-fill-lower{background-color:#fff;}
)
)
More controls are found by building THIS following links content on a windows 8 and visual studio 2012 edition.
通过在windows 8和visual studio 2012版本上构建以下链接，可以找到更多的控件。
#2
0
Simon's answer doesn't work unless you put a selector in front of it:
西蒙的回答不奏效，除非你在它前面加上一个选择器:
#sliderId::-ms-fill-lower { background-color: #ff0000; }
#sliderId::-ms-fill-upper { background-color: #0000ff; }
参考
#1
6
The solution have been found! The fill in the controler is set by this new -ms- (IE) property
解决方案已经找到!控件中的填充由这个新的-ms- (IE)属性设置
FX this would make it black
这将使它变为黑色
input[type="range"]::-ms-fill-lower{background-color:#000;}
EDIT*(
编辑*(
input[type="range"]:hover::-ms-fill-lower{background-color:#fff;}
)
)
More controls are found by building THIS following links content on a windows 8 and visual studio 2012 edition.
通过在windows 8和visual studio 2012版本上构建以下链接，可以找到更多的控件。
#2
0
Simon's answer doesn't work unless you put a selector in front of it:
西蒙的回答不奏效，除非你在它前面加上一个选择器:
#sliderId::-ms-fill-lower { background-color: #ff0000; }
#sliderId::-ms-fill-upper { background-color: #0000ff; }
参考