css - 将选择器圆圈的颜色更改为最佳 jQuery 库中的 slider 范围

Question

我使用 Best jQuery library 创建了一个 slider 范围.感谢previous question我设法做了一些我感兴趣的改变。

现在我只想更改所选年份上方出现的圆圈的颜色。

现在当用户移动它时它是蓝色的，然后变成灰色。我希望它永远是蓝色的。

Here代码。

为了得到我想要的，我尝试以这种方式编辑 CSS，但我没有得到任何更改。

#circles-slider .ui-slider-handle {
    border-radius: 13px;
    height: 13px;
    width: 13px;
    top: -3.5px;
    margin-left: -8px;
    border: 1px solid whitesmoke;
    background-color: steelblue;
}

/*#circles-slider .ui-slider-handle .ui-state-default .ui-corner-all {*/
#circles-slider .ui-slider .ui-slider-handle {
    background-color: steelblue;
    fill: steelblue;
    color: steelblue;
}
#circles-slider.ui-slider .ui-slider-handle.ui-state-hover, 
#circles-slider.ui-slider .ui-slider-handle.ui-state-focus, 
#circles-slider.ui-slider .ui-slider-handle.ui-state-active {
    background-color: steelblue;
    fill: steelblue;
    color: steelblue; 
}

感谢所有愿意帮助我的人。

Answer 1

just change from background-color to background:

#circles-slider .ui-slider-handle {
    border-radius: 13px;
    height: 13px;
    width: 13px;
    top: -3.5px;
    margin-left: -8px;
    border: 1px solid whitesmoke;
    background: steelblue;
}