Javascript 两个具有不同背景颜色的引导选择选择器

当我使用dropdownlist时，我有两个引导选择选择器，如下所示：

<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适用于两个选择器。我需要为选择器应用不同的样式。

---

我不能为每种颜色提供不同的背景色。有什么办法给予吗？

我同意@MohnammadUsman。你的问题中没有足够的信息

尽管如此，假设您使用的是“”，则有一个简单的css类，您可以使用数据样式属性“”，如本文所述

创建css类：

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

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

.btn黑色{
背景色：黑色；
}
...

您尝试过什么吗？浏览到按钮类data style=“btn primary”这将显示绿色。但我需要黑色作为背景。

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

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