jquery - 更改 slider handle 图像

Question

我想自定义 JQueryUI slider ，但找不到任何方法来更改 slider handle 图像。 JQuery Themeroller 似乎也不允许更改句柄图像。有人知道该怎么做吗？

Answer 1

来自 jQuery UI docs :

The jQuery UI Slider plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.

If a deeper level of customization is needed, there are widget-specific classes referenced within the ui.slider.css stylesheet that can be modified. These classes are highlighed in bold below.

在这种特殊情况下，您想要查看类名ui-slider-handle的元素。

默认 slider handle 元素应用了以下类名:

• ui- slider handle
• 用户界面状态默认
• ui-corner-all

看看与这些类名相对应的 CSS，您很可能能够编辑所需的所有内容。

另外，我建议您安装Firebug 。这个 Firefox 插件将使您更轻松地完成此类任务。