为双色范围设计jQuery UI样式

Question

我通过修改默认的UI主题来设置jQuery UI滑块，但我坚持一个细节 - 我希望滑块手柄的滑块范围与滑块后的范围不同（类似于iOS滑块）。 UI主题中是否有选择器来实现此目的，或者我是否需要找到另一种解决方案？目前我正在覆盖我的css中的默认.ui-slider和.ui-slider-handle样式：

.ui-slider {
   /* custom styles here */
}

.ui-slider-handle {
    /* custom styles here */
}

我目前的代码可以在jsbin中查看：http://jsbin.com/uPUZosu/1/edit?html,css,js,output

Answer 1

令人尴尬的是，在jQuery UI滑块文档中，答案就在我面前。设置最小范围（滑块手柄之前的区域）的样式选择器为.ui-slider-horizontal .ui-slider-range-min {}