如何设置2个垂直jQuery UI Slider句柄的样式？

Question

我有2个垂直jQuery UI滑块，为用户提供不同的功能。我想在它们上面都有不同颜色的手柄。我如何保持它们的独特性？目前，我在我的CSS中使用以下内容来更改样式，但它正在应用于它们：

.ui-slider-vertical .ui-slider-handle {
     /*CSS goes here*/
}

感谢。

Answer 1

幻灯片在初始化时会保留ID。因此，只需为每个滑块添加一个唯一ID，然后将css应用于每个滑块。

#slider-vertical .ui-slider-handle {
    background:none!important;
    background-color:blue!important;
}

#slider-vertical2 .ui-slider-handle {
    background:none!important;
    background-color:red!important;
}

实施例

http://jsfiddle.net/NYYwh/