如何为三把手滑块添加颜色？

Question

我正在尝试制作一个包含三个句柄的滑块，例如this。但我希望它在背景上有一些颜色：

我该怎么做？

Answer 1

尝试以下小提琴。我使它足够灵活，你应该能够添加任意数量的句柄并使其正常工作。它们中的每一个都通过它们被添加的索引来设置样式（参见小提琴中的CSS）。

http://jsfiddle.net/xb6rhxtn/17/

如果您希望第一个元素不显示背景，那么用这个替换第一个CSS条目应该可以解决问题：

  

.ui-slider-index-0 {

background-color: transparent !important;
background-image: none;

     

}

注意：它不能容忍调整大小，但您可以挂钩调整大小事件并更新它，如果这很重要。