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*/
}