Internet Explorer 11 css样式的范围滑块

Question

我想用CSS调整范围滑块,但我找到的所有示例都没有在Internet Explorer 11中设置样式,其中滑块如下所示:

你知道如何设计风格吗？为什么只有11在定义时没有风格？

Answer 1

IE11为您提供了一些与range输入相关的伪元素,您可以在这里阅读.

1. ::-ms-fill-lower 在滑块拇指之前控制滑块轨道的样式

2. ::-ms-fill-upper 同上,但拇指之后

3. ::-ms-thumb - 对于滑块拇指本身.

4. ::-ms-tooltip - 控制滑块工具提示的样式

5. ::-ms-track 滑块单个轨道的样式.

一个例子小提琴

::-ms-fill-lower {
    background: coral;
}

::-ms-fill-upper {
    background: peru;
}

::-ms-thumb {
    background: steelblue;
}