为双色范围设计 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 {}