您可以在HTML5范围滑块中为特定部分上色吗？

Question

在一个阶梯式HTML5范围滑块中，我需要为不同的步骤设置不同的背景颜色（如下图所示）。 这可能吗？

Answer 1

您可以使用-ms-fill-lower -ms-fill-upper css属性添加上下颜色更改。 但这仅在IE中有效。

您可以使用一些脚本来获得更多期望的结果。

Answer 2

是的，使用CSS3进行渐变是可能的。 CSS3渐变使您还可以在html5的范围滑块上显示两种或多种指定颜色之间的平滑过渡。

它适用于所有浏览器，但是Internet Explorer必须为10+版本。