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

【问题标题】：Whats the simplest way of changing the color of a range slider?更改范围滑块颜色的最简单方法是什么？
【发布时间】：2014-03-09 06:08:06
【问题描述】：

我想使用范围作为输入标签。我也想使用标准的 HTML。所以

<input type="range">

在拇指前后设置条形的最简单方法是什么？

我想要两种颜色：拇指前的一种和拇指后的另一种颜色。

我玩过 JavaScript，但所有的解决方案都很大且难以处理。

我正在为我的 WebApp 使用 AngularJS，所以：

【问题讨论】：

【解决方案1】：

由于您使用的是<input type="range">，我认为对旧版浏览器的支持不是问题。此方案依赖background-size，IE http://caniuse.com/#search=background-size) 中不支持此功能

这个小提琴演示了它是如何在 jQuery 中完成的；

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

【讨论】：