javascript - 更改 noUiSlider 的颜色

Question

我真的不知道应该使用哪个类来更改 noUiSlider 中 slider 的颜色？ ？我希望 slider 在 slider 左侧为蓝色，右侧为白色；它是如何在 this example 中展示的.我怎样才能做到这一点？

这是创建 slider 的部分:

$('#slider-range').noUiSlider({
        start: [ start ],
        step: 1,
        range: {
            'min': [ 1 ],
            'max': [ 10 ]
        }
    });

在 html 中:

<div id="slider-range" type="range"/></div>

我尝试了描述的所有可能的类 here ，但我得到的最多的是所有条都是蓝色或白色，但不是左边是蓝色，右边是白色。所以，我的问题是如何获得这种样式？

Answer 1

事实证明，您必须将 connect 选项添加到 slider 。

$('#slider-range').noUiSlider({
        start: [ start ],
        step: 1,
        connect: "lower",
        range: {
            'min': [ 1 ],
            'max': [ 10 ]
        }
    });