如何设置滑块样式

Question

如何设置 jQuery滑块的样式，例如条形宽度，颜色，尺寸

Answer 1

参见

Theming

部分

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

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

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

注意：这是滑块插件生成的标记示例，而不是用于创建滑块的标记。唯一需要的标记是<div><div>。

Answer 2

jquery网站上有一个样式工具http://jqueryui.com/themeroller/