javascript - 更改范围 slider 的颜色

Question

最近我正在安装npnslider https://npnm.github.io/NpnSlider/基本上我已经集成了这个功能，但问题是我们如何根据这个 slider 的偏好改变颜色

Answer 1

添加到您的 css 文件中 - 我认为更改范围 slider 颜色

.slider[_ngcontent-c1] .bar[_ngcontent-c1] div.filler[_ngcontent-c1] > span[_ngcontent-c1] {
    background: #000 !important;
}

.slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.left-handle[_ngcontent-c1], .slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.right-handle[_ngcontent-c1] {
    background: white !important;
    border-color: red !important;
}

.slider[_ngcontent-c1] .bar[_ngcontent-c1] {
    background: #f5f5f5 !important;
}

.slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.left-handle[_ngcontent-c1] .handle-tooltip[_ngcontent-c1], .slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.right-handle[_ngcontent-c1] .handle-tooltip[_ngcontent-c1] {
    background: black;
    color: white;
    border-color: black !important;
}

.slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.left-handle[_ngcontent-c1] .handle-tooltip[_ngcontent-c1]:before, .slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.right-handle[_ngcontent-c1] .handle-tooltip[_ngcontent-c1]:before {
    border-top-color: #000;
}

.slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.left-handle[_ngcontent-c1] .handle-tooltip[_ngcontent-c1]:after, .slider[_ngcontent-c1] .bar[_ngcontent-c1] > span.right-handle[_ngcontent-c1] .handle-tooltip[_ngcontent-c1]:after {
    border-top-color: #000;
}