JS：改变滑块矩形的颜色

Question

我对程序使用以下滑块，并且我希望在实例化滑块时能够使用不同滑块颜色的滑块。目前，我看到滑块颜色是在.css文件（d3.slider.css）中定义的。 http://sujeetsr.github.io/d3.slider/

如何更改滑块颜色值，以便我可以调用多个滑块，并且每个滑块都具有不同的起始颜色，如下所示？

Answer 1

你需要改变颜色，这些类的牵引机外和牵引，内为每个滑块

Answer 2

有你需要重写我看到正在申请2种CSS样式。

• 滑块条的颜色.d3slider-RECT值，和，
• .dragger-外滑块头。

你可以在你的css中覆盖这些样式（这会影响你所有的滑块）。 否则在您的JS代码中获取滑块的上面元素并动态应用样式。

Answer 3

你的圈子代码元素都在这里

<circle class="dragger-outer" r="10" transform="translate(0,6)"></circle> 
<circle class="dragger-inner" r="4" transform="translate(0,6)"></circle> 

那么你的CSS类在这里

.dragger-inner { 
    fill: #65b042; 
    stroke: none; 
} 

.dragger-outer { 
    fill: #fff; 
    stroke: #000; 
} 

你可以像上面用不同的颜色添加更多的类。如果你想创建6圈，你必须为此创建12个类（使用不同的名称，如.dragger-inner-red）。