设计JQuery UI滑块的样式

Question

这是我对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滑块的颜色没有改变？即使我把它设置为黑色？

Answer 1

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

许多jQuery UI组件使用图像作为背景，因此更新背景颜色通常不会产生预期效果。使用Themeroller将为您提供最佳结果。