bootstrap-select - 更改背景顏色

Question

bootstrap-select 使用以下類生成一個帶有<button>的 DOM：

btn dropdown-toggle btn-light

我可以將btn-light class 設置為另一種背景顏色，如下所示：

.btn-light {
    background: #fff;
}

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

如何用另一個 class 更改 btn-light？

需要明確的是：我不想更改 css 中的任何內容。 我只想從 bootstrap-select 插件中更改自動生成的 DOM 的 btn-light class 。

Answer 1

需要明確的是，您想在不修改默認顏色值的情況下使用.btn-light class 但能夠具有其他顏色嗎？ 你可以做這樣的事情。 將名為custom-btn的 class 添加到您將btn-light class 設置為的 DOM 元素。 例如，如果您以前寫過，

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

你可以把它改成

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

在您的 styles 中，您可以編寫以下內容：

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