将选择器圆圈的颜色更改为 Best jQuery 库中的滑块范围
Change the color of the selector circle to a slider range in Best jQuery library
我使用 Best jQuery library 创建了一个滑块范围。
感谢 我设法做了一些我感兴趣的更改。
现在我只想更改所选年份上方出现的圆圈的颜色。
现在当用户移动它时它是蓝色的,然后变成灰色的。我希望它永远是蓝色的。
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;
}
感谢所有愿意帮助我的人。
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 library 创建了一个滑块范围。
感谢
现在我只想更改所选年份上方出现的圆圈的颜色。
现在当用户移动它时它是蓝色的,然后变成灰色的。我希望它永远是蓝色的。
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;
}
感谢所有愿意帮助我的人。
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;
}