HTML5范围类型控制器样式

Question

我正在使用新的

进行自定义滑块

<input type="range">

到目前为止，我已经this JsFiddle working

了

哪个好。 我试图找出如何为已经通过的滑块区域着色。

使滑块具有默认颜色：

但是当它在中心时，传递的一半是另一种颜色，如下：

当滑块处于最大值时，它应该只是一种颜色：

有谁知道如何解决这个问题？

谢谢！