jquery - 样式化 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 会给你最好的结果。