Javascript 更改noUiSlider的颜色

我真的不知道应该使用什么类来更改滑块的颜色？我希望滑块的左边是蓝色，右边是白色；它是如何在实践中得到证明的。我该怎么做

以下是创建滑块的部分：

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

在

html

中：

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

---

我尝试了描述的所有可能的类，但我得到的最多的是所有的蓝色或白色条，而不是左边的蓝色和右边的白色条。所以，我的问题是，我如何才能得到这种风格

结果是，您必须将

连接

选项包括到滑块

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

我正在使用版本1.0.0，它包括noUiSlider作为库的一部分

我试图用我自己的颜色来设计这个控件，这是我在更改一些类后得到的：

您所要做的就是重写这些类：

.noUi连接{
背景：紫色；
}
.noUi水平.noUi手柄，.noUi垂直.noUi手柄{
背景：紫色；
}
.noUi-target.noUi-horizontal.noUi工具提示{
背景颜色：紫色；
}

这是供参考的。

---

我希望它能有所帮助。

你试过什么吗？请发布你的代码。请查看编辑。请显示你的css。你可以找到noUiSlider的css。我不明白为什么这个问题收到这么多的缺点，如果它仍然没有得到回答。是不是很琐碎？