jquery - 样式化 JQuery UI slider

Question

这是我对 JQuery UI slider 的标记

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

我为此使用了内联样式。我的问题是 jquery slider 的颜色怎么没有改变？即使我已将其设置为黑色？

Answer 1

与其尝试将内联样式应用于 slider ，不如使用 jQuery UI Themeroller为您的 UI 组件设置样式并为您的实现生成自定义 CSS 文件。

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