javascript - 如何更改 jQueryUI slider 的外观？

Question

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

让我们同意它看起来很丑这一事实。

因此，假设我在 Photoshop 中制作了两个 PNG 文件，一个用于杆，一个用于 handle 。有没有办法用我的精彩图像重新设计这个灰色、单调的 slider ？

如果您有除 jQuery 之外的其他可设计 slider 推荐，也欢迎。

提前致谢。

Answer 1

这是Link到API页面

有一段解释了主题:

Theming

The slider widget uses the jQuery UI CSS framework to style its look and feel. If slider specific styling is needed, the following CSS class names can be used:

ui-slider: The track of the slider control. This element will additionally have a class name of ui-slider-horizontal or ui-slider-vertical depending on the orientation of the slider.

ui-slider-handle: The slider handles.

ui-slider-range: The selected range used when the range option is set. This element can additionally have a class of ui-slider-range-min or ui-slider-range-max if the range option is set to "min" or "max" respectively.

正如您在评论中询问的一个例子 Fiddle