如何更改Bootstrap 4 Selectpicker的默认下拉颜色?

时间:2019-11-06 06:08:55

标签: html css bootstrap-4 bootstrap-select bootstrap-selectpicker

我的表单由单个和多个下拉选择组成。因此,我更喜欢仅对我的单个和多个selectpicker使用1类。但是,我想更改Bootstrap 4 Dropdown selectpicker类的默认灰色以清除颜色。对于.bootstrap-select类,CSS文件中需要更改的颜色到底在哪里?

当前视图(实际上没有禁用,但该视图就像已禁用) enter image description here

要这样(我尝试使用custom-select2类作为透明色的示例) enter image description here

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>

3 个答案:

答案 0 :(得分:1)

尝试添加此CSS:

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

答案 1 :(得分:1)

检查颜色元素。

我的解决方案是btn-light

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

答案 2 :(得分:0)

最后,我修改下面的代码并解决我的问题。

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