Question

我使用Best jQuery library创建了一个滑块范围。感谢previous question，我设法做出了一些令我感兴趣的更改。

现在，我希望能够更改所选年份上方出现的圆圈的颜色。

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

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

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

1 个答案: