为双色范围设置jQuery UI的样式

我已经通过修改默认的UI主题来设置jQuery UI滑块的样式，但我只停留在一个细节上-我希望滑块手柄前的滑块范围与滑块后的范围颜色不同（类似于iOS滑块）。UI主题中是否有选择器来实现这一点，或者我是否需要找到其他解决方案？目前我正在覆盖css中的默认

.UI slider

和

.UI slider handle

样式：

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

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

---

我当前的代码可以在这里的jsbin中查看：

令人尴尬的是，在jQueryUI滑块文档中，答案就在我面前。用于设置最小范围（滑块手柄前的区域）样式的选择器为

.ui slider horizontal.ui slider range min{}