Question

我有一个使用jQuery Mobile实现的滑块按钮列表：

<li class="settings_item" id="news" data-icon="false" style="background: white">
    <label for="news_item" class="label_slider">Show News</label>
     <select id="news_item" data-role="slider" data-theme="d">
         <option value="off">Off</option>
         <option value="on" selected>On</option>
     </select>
</li>

我设置了data-theme =＆＃34; d＆＃34;。我喜欢这个数据主题，但默认情况下，此主题中滑块按钮的背景颜色为蓝色。我可以把它改成红色吗？

Answer 1

假设您使用的是jQM版本1.3.x，则无法直接在主题中设置不同的活动颜色，但您可以在CSS中覆盖它们：

.ui-slider .ui-btn-active {
    background-color: rgb(226, 155, 44);
    background-image: linear-gradient(rgb(226, 155, 44), rgb(206, 135, 24));
    border-color: brown;
}

<强> DEMO

如何在jQuery mobile中设置滑块按钮的背景颜色

1 个答案: