jquery - 如何设置 2 个垂直 jQuery UI Slider handle 的样式？

Question

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

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

谢谢。

Answer 1

slider 在初始化时会保留它们的 ID。因此，只需为每个 slider 指定一个唯一的 ID，然后将 css 应用到每个 slider 即可。

#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/