造型JQuery的UI滑块

这是我对JQuery的UI滑块造型JQuery的UI滑块

<li class = "volume"> 
    <div class = "slider-vertical" style="height:50px; margin-left:4px; 
    margin-top:-60px; background-color: black;" hidden></div> 
</li>

我已经使用了内嵌样式此标记。我的问题是，如何来jQuery滑块的颜色没有改变？即使我已将其设置为黑色？

来源

2012-08-27 KyelJmD

您应该避免使用内联样式并使用jQuery的CSS选择器（例如.ui-widget-content）。 – j08691

你能提供一个例子吗？ – KyelJmD

查看http://jqueryui.com/demos/slider/上的主题标签。另外，从jQuery UI站点打开一个例子，看看如何应用jQuery CSS。您可以编辑CSS或覆盖它。 – j08691

您应该使用jQuery UI Themeroller来设置UI组件的样式，并为您的实现生成自定义CSS文件，而不是尝试将内联样式应用于滑块。

许多jQuery UI组件利用图像作为背景，所以更新背景颜色通常不会产生所需的效果。使用Themeroller会给你最好的结果。

来源

2012-08-27 14:54:53 Rondel

造型JQuery的UI滑块

回答

相关问题