Измените цвет круга селектора на диапазон слайдера в библиотеке Best jQuery - PullRequest
Новая
       28

Измените цвет круга селектора на диапазон слайдера в библиотеке Best jQuery

0 голосов
/ 30 июня 2018

Я создал диапазон слайдеров, используя Best jQuery library . Благодаря предыдущему вопросу мне удалось внести некоторые изменения, которые меня заинтересовали.

Теперь я хотел бы иметь возможность изменить цвет круга, который появляется над выбранным годом.

Теперь, когда пользователь перемещает его, он становится синим и становится серым. Хотелось бы, чтобы он всегда был синим.

Здесь код.

Чтобы получить то, что я хотел, я попытался отредактировать 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; 
}

Спасибо всем, кто хочет мне помочь.

1 Ответ

0 голосов
/ 30 июня 2018 

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;
}
...