css - 有没有办法为 IE 设置范围控件的样式？

Question

有没有办法设置范围控件的样式，使其在 IE8 中正常降级？

我在这里看到了一种为其他 HTML5 兼容浏览器设置样式的方法: Is there a way to style HTML5's range control?

但是在该页面的帮助下，该控件在 IE8 中根本不显示。相反，它只显示一个带有范围值的文本框。

Answer 1

首先。大多数支持这种类型控件的浏览器也支持样式化它。只有版本 12 以下的 Opera 不支持样式化。其他浏览器，如 IE8 甚至不支持此控件，因此您需要一个 polyfill。

如果你愿意可以试试webshims . Here is an example , 它使用不同的伪元素选择器来设置原生和 polyfilled input[type="range"] 的样式。

但老实说，a) 在 x-browser 上做花哨的样式和 b) 并非所有样式都适用于 iOS。