是否可以制作具有透明背景的標準選擇串列？請看兩個例子。我知道可以構建“自定義”選擇串列并使其背景透明，但是是否可以使用選擇元素？
HTML - 使用標準選擇串列與 Bootstrap 表單組和表單控制元件與自定義國家（我不知道如何做到這個選擇串列透明）
<div class="form-group">
<select class="form-control form-control-lg countrylist">
<option selected>Choose...</option>
<option>Nigeria</option>
<option>Sweden</option>
<option>Poland</option>
<option>Spain</option>
</select>
</div>
HTML - 使用 li、a 和 ul 標簽構建自定義選擇串列。
<li class="dropdown nav-item">
<a data-toggle="dropdown" class="dropdown-toggle nav-link js-scroll-trigger">Clientes</a>
<ul class="dropdown-menu">
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">2a via do boleto </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Atendimento </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Seja um revendedor </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#"> Depoimentos </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">2a via do boleto </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Atendimento </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Seja um revendedor </a></li>
</ul>
</li>
CSS
.countrylist .dropdown-menu {
background-color: transparent !important;
}
uj5u.com熱心網友回復：
Bootstrap 4 和 5 有一個.bg-transparent類，您應該能夠將其添加到.dropdown-menu元素中以將背景設定為透明（https://getbootstrap.com/docs/5.1/utilities/background/）。
IE。
<ul class="dropdown-menu bg-transparent">
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">2a via do boleto </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Atendimento </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Seja um revendedor </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#"> Depoimentos </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">2a via do boleto </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Atendimento </a></li>
<li class="nav-item"> <a class="nav-link js-scroll-trigger" href="#">Seja um revendedor </a></li>
</ul>
假設您沒有更改 sass $enable-important-utilitiesvar，所有背景類都應該已經擁有!important& 應該覆寫默認.dropdown-menuCSS。
您可能還想使用這些dropdown-menu-dark|light類和背景類來更改下拉樣式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/354017.html
標籤：html css 推特引导 bootstrap-4 下拉式菜单