Как установить 3 разных цвета в слайдере jQuery UI Slider ⇐ CSS

[Anonymous]

Я использую этот слайдер пользовательского интерфейса. Мне нужно сделать этот слайдер трех разных цветов для:

• Цвета ручки
• Предыдущая часть дескриптора
• Следующая часть дескриптора

Что-то вроде этого:



Пока что я Я могу указать только цвет дескриптора:




Но как я могу установить еще два разных цвета (один для предыдущей части дескриптора, а другой для следующей части дескриптора, как на первом снимке экрана) )? Есть ли способ добавить два разных класса с помощью jQuery и стилизовать эти классы следующим образом:

Код: Выделить всё

.handle-previous-slider {
background: yellow;
}
.handle-next-slider {
background: green;
}

? Пока что мой результат на скрипке

Подробнее здесь: https://stackoverflow.com/questions/277 ... -ui-slider