jquery - 如何设置 slider 样式

标签 jquery css slider

如何设置 jQuery slider 的样式,例如条形宽度、颜色、大小

最佳答案

查看

Theming

部分

jQuery UI Slider 插件使用 jQuery UI CSS 框架来设计其外观和风格,包括颜色和背景纹理。我们建议使用 ThemeRoller 工具来创建和下载易于构建和维护的自定义主题。

如果需要更深层次的自定义,可以修改 ui.slider.css 样式表中引用的特定于小部件的类。这些类在下面以粗体突出显示。 使用 jQuery UI CSS 框架类的示例标记

<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
   <a style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a>
</div>

注意:这是 slider 插件生成的标记示例,而不是用于创建 slider 的标记。唯一需要的标记是 <div><div> .

关于jquery - 如何设置 slider 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1502080/

相关文章:

javascript - 第一次运行但从第二次开始就无法工作

javascript - Bootstrap 中带有选项卡的链接下拉菜单

javascript - 使用JS显示依赖于元素类的图像

css - 如何在中间垂直对齐文本

JavaScript : How to scroll horizontally to given position within an overflowed div?

javascript - Jquery 根本不工作,但其他 Javascript 代码运行

html - Flex nowrap 容器不包裹 child 。当它们的宽度以百分比形式提及时

html - 如何将小型大写字母应用于字体系列?

javascript - 多个时间间隔的jquery图像 slider

css - 在 wordpress 主题中更改 slider 高度