将选择器圆圈的颜色更改为最佳 jQuery 库中的滑块范围

Question

我使用 Best jQuery 库创建了一个滑块范围。 多亏了之前的问题，我设法进行了一些我感兴趣的更改。

现在，我只想能够更改所选年份上方显示的圆圈的颜色。

现在，当用户移动它时，它是蓝色的，并变为灰色。我希望它总是蓝色的。

这里是代码。

为了得到我想要的东西，我尝试以这种方式编辑 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;
}