gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 20:07:54 25 4
gpt4 key购买 nike

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

jQuery Slider Bar UI

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

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

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

提前致谢。

最佳答案

这是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

    关于javascript - 如何更改 jQueryUI slider 的外观?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20453892/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com