更改滑块手柄图像 [英] Changing Slider handle image

问题描述

我想自定义JQueryUI滑块，但无法找到任何更改滑块句柄图像的方法. JQuery Themeroller似乎也不允许更改句柄图像.有人知道该怎么做吗?

I wanted to customize the JQueryUI slider but am not able to find any way to change the slider handle images. The JQuery Themeroller also does not seem to allow the change of handle images. Does somebody know how to do this?

推荐答案

来自 jQuery UI文档:

From the jQuery UI docs:

jQuery UI Slider插件使用 jQuery UI CSS框架为其样式设置样式 外观和感觉，包括颜色和 背景纹理.我们推荐 使用ThemeRoller工具创建 并下载自定义主题 易于构建和维护.

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.

如果要进行更深层次的定制 需要，有特定于小部件的 内引用的类 ui.slider.css样式表可以是 修改的.这些班级高 下面以粗体显示.

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 的元素.

默认的滑块手柄元素已应用以下类别名称:

The default slider handle element has the following classnames applied to it:

• ui-slider-handle
• ui-state-default
• ui-corner-all

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

Take a look at the CSS corresponding to these classnames and you will most likely be able to edit everything you need.

此外，我建议您安装 Firebug .这个Firefox插件将使您轻松完成类似的任务.

Also, I suggest you install Firebug. This Firefox plugin will make tasks like these a lot easier on you.

这篇关于更改滑块手柄图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！