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

2024-05-07 • 问答

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

当前视图（实际上没有禁用，但该视图就像已禁用）

要这样（我尝试使用custom-select2类作为透明色的示例）

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>

raypuppet 回答：如何更改Bootstrap 4 Selectpicker的默认下拉颜色？

尝试添加此CSS：

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

检查颜色元素。

我的解决方案是btn-light

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

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

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

bootstrap-4 bootstrap-select bootstrap-selectpicker css html

本文链接：https://www.f2er.com/3154646.html

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

raypuppet 回答：如何更改Bootstrap 4 Selectpicker的默认下拉颜色？

大家都在问