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

问题描述 投票:0回答:2

我的表单由单个和多个下拉选择组成。因此,我更喜欢只对我的单人和多人使用1类,即selectpicker。但是,我想更改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>
html css bootstrap-4 bootstrap-select bootstrap-selectpicker
2个回答
1
投票

尝试添加此CSS:

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

0
投票

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

.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  background: #FFF;
  color: #000;
  border-color: #999;
}
© www.soinside.com 2019 - 2024. All rights reserved.