如何更改 bootstrap 4 选择器的默认下拉颜色？

Question

我的表单由单个和多个下拉列表组成 select。所以我更喜欢只对我的单数和多数使用 1 class，即 selectpicker。但是，我想将 Bootstrap 4 Dropdown selectpicker class 的默认灰色更改为清除颜色。 .bootstrap-select class CSS 文件中需要更改的确切颜色在哪里？

当前视图（实际上这个没有禁用但是视图就像禁用一样）

要这样（我尝试用custom-select2class作为清色的例子）

HTML

<div class="form-group">
    <select id="region" class="font-14 selectpicker form-control">
        <option value="">-- REGION --</option>
        <option value="allregions" id="allregions">All Regions</option>
    </select>
</div>

Answer 1

尝试添加这个CSS:

.selectpicker{
background: #FFF;
color: #000;
}

Answer 2

最后，我修改了下面的代码，解决了我的问题。

.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  background: #FFF;
  color: #000;
  border-color: #999;
}

Answer 3

检查颜色元素。

我的解决方案是btn-light

.btn-light{
    background-color: #FFF;
    color: #000;
}