如何更改jQueryUI滑块的外观？

Question

我的网页需要一个拖动滑块。这就是www.jqueryui.com/slider/中提供的jQuery滑块的样子：

让我们同意它看起来很难看。

所以，假设我在Photoshop中制作了两个PNG文件，一个用于条形图，一个用于手柄。 有没有办法用我那令人敬畏的图像重新设计这个灰色，单调的滑块？

如果你有另一个可设计的滑块推荐而不是jQuery，那也是受欢迎的。

提前致谢。

Answer 1

以下是API页面的Link

有一段解释主题：

  

主题化

     

滑块小部件使用jQuery UI CSS框架来设计其外观样式   感觉如果需要特定于滑块的样式，请使用以下CSS   可以使用类名：

     

ui-slider:滑块控件的轨迹。这个元素会   另外还有一个班级名称ui-slider-horizontal或   ui-slider-vertical取决于滑块的方向。

  

  ui-slider-handle:滑块手柄。

  

ui-slider-range:已选中   设置范围选项时使用的范围。此元素还可以   有ui-slider-range-min或ui-slider-range-max等级   范围选项分别设置为“min”或“max”。

正如您在评论中提到的示例Fiddle