改变jQuery UI滑块手柄右侧的background-color

Question

如何更改jQuery UI滑块手柄右侧的背景颜色?它必须适应滑块的移动，所以手柄左侧的背景色总是一种颜色，而手柄右侧的背景色总是另一种颜色。

Answer 1

感谢您的评论!我通过添加(range: 'min')来解决这个问题，然后将。ui-slider-range中的背景更改为我想要的左侧背景，slider-background将背景设置为右侧背景:

$(function() {
$("#slider").slider({
    range: 'min',
    value:100, 
    min:10, 
    max:150, 
    step:10, 
    slide: function( event, ui ) {                  
    }
});
});
.ui-slider-range {
    background: red !important;
}