bootstrap-select -更改背景颜色

Question

bootstrap-select会生成一个带有<button>的DOM，其中包含以下类：

btn dropdown-toggle btn-light

我可以将btn-light类设置为另一种背景颜色，如下所示：

.btn-light {
    background: #fff;
}

但我不想更改CSS -我想更改<button> Dom元素中的类。

如何使用另一个类更改btn-light？

需要说明的是:我不想更改我的css中的任何内容。我只想从bootstrap-select插件中更改自动生成的DOM的btn-light类。

Answer 1

为了清楚起见，您希望在不修改默认颜色值的情况下使用.btn-light类，但可以使用另一种颜色？你可以做这样的事情。将名为custom-btn的类添加到将btn-light类设置为的DOM元素。例如，如果你之前写过，

<button class="btn dropdown-toggle btn-light">
  Button
</button>

您可以将其更改为，

<button class="btn dropdown-toggle btn-light custom-btn">
  Button
</button>

在你的风格中，你可以写下以下内容：

.btn-light.custom-btn{
  background: red; /*replace 'red' with whatever color you choose*/
}