什么是改变范围滑块颜色的最简单方法？

Question

我想对输入标记使用范围。我也想使用标准的HTML。所以

<input type="range">

在拇指之前和之后设置栏的最简单方法是什么？

我希望两种颜色：一只拇指，另一种颜色。

我和JavaScript一起玩，但所有的解决方案都很大而且不易处理。

我正在将AngularJS用于我的WebApp，所以：

• 有人可以推荐Angular PlugIn吗？
• jQuery Range-Slider比标准的更容易处理吗？
• 是否有任何CSS选择器可供使用？

Answer 1

由于您使用的是<input type="range">，我认为对旧浏览器的支持不是问题。此解决方案依赖于background-size，IE不支持{1}。 8（http://caniuse.com/#search=background-size）

这个小提琴演示了如何在jQuery中完成;

http://jsfiddle.net/LP5XA/

它只是滑块中的背景图像，在滑块移动时会拉伸。