Question

因为我使用silviomoreto.github.io作为下拉列表，我有两个bootstrap select-picker，如下所示：

<select class="selectpicker">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>

<select class="selectpicker2">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
</select>
</div>
</div>
</div>


<script>
$('.selectpicker').selectpicker({
  width: 'fit'
});
</script>

<script>
  $('.selectpicker2').selectpicker({
  width: 'fit'
});
</script>

我试过这个css代码：

button.btn.dropdown-toggle.btn-default{
height:4vh;
line-height:0.8em;
border-radius: 25px;
background: #72c285;
color:#fff;
}

以上css适用于两个selectpickers。我需要为selectpickers应用不同的样式。我不能为每个人提供不同的背景颜色。有没有办法给出？

Answer 1

我同意@MohnammadUsman。您的问题中的信息太少了。

尽管如此，假设您正在使用＆＃34; https://silviomoreto.github.io/bootstrap-select＆＃34;你可以提供一个简单的css课程，如下所述＆＃34; https://silviomoreto.github.io/bootstrap-select/examples/#styling＆＃34;使用数据样式属性。

创建一个css类：

    .btn-black {
       background-color: black;
    }

    <select class="selectpicker" data-style="btn-primary btn-black">
      ...
    </select>

两个bootstrap选择选择器具有不同的背景颜色

1 个答案: