css - 范围 slider 的 Internet Explorer 11 css 样式

Question

我想用 css 设置范围 slider 的样式，但我发现的所有示例都没有在 Internet Explorer 11 中设置样式， slider 看起来像这样:

你知道如何设置样式吗？为什么只有 ie 11 在定义时不显示样式？

Answer 1

IE11 为您提供了一些与 range 输入相关的伪元素，您可以阅读 here .

1. ::-ms-fill-lower 控制 slider slider 前 slider 轨道的样式

2. ::-ms-fill-upper 同上，但是在拇指之后

3. ::-ms-thumb - 用于 slider 拇指本身。

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

5. ::-ms-track 为 slider 单独的轨道设置样式。

一个例子 fiddle

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

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

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