Windows 8输入[type =“range”]样式

Question

我正在尝试在Windows 8（IE 10）上设置我的滑块样式，他们有一些标准样式，我无法在文档中找到他们的样式，其他任何人不得不设置滑块的样式（我只是想改变颜色）

请参见下图，了解Windows 8标准样式（IE 10）：

我想将滑块的紫色元素更改为例如红色。 我没有发布代码，因为我找不到在哪里查找代码，甚至在Visual Studio调试屏幕的检查模式中都没有。

---

除了这个问题，我想问你是否知道如何设置选择控件的样式我可以管理所有其他控件但下图中的蓝色控件

Answer 1

已找到解决方案！ 控制器中的填充由此新的-ms-（IE）属性

设置

FX这会使它变黑

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

编辑*（

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

）

通过在Windows 8和Visual Studio 2012版本的链接内容之后构建THIS，可以找到更多控件。

Answer 2

除非你把选择器放在它前面，否则Simon的答案不起作用：

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

Reference