Bootstrap Dropdown背景色

我正在尝试在导航栏中创建一个与其余导航栏样式匹配的下拉列表。我还没有覆盖我所知的所有引导类,并且我想知道是否有任何类的下拉列表具有相同的样式。

我一直在浏览其他文章,大多数似乎只是使用随机类,并且可以正常工作。我试图为此创建一个自定义CSS类,但无法成功匹配标题。

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Management
    </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
       <a class="dropdown-item" href="@Url.action("Index","Management")">Statistics</a>
       <br />
       <a class="dropdown-item" href="@Url.action("Index","Production")">Production Lines</a>
       <br />
       <a class="dropdown-item" href="@Url.action("Index","Announcement")">Announcements</a>
       <br />
       <a class="dropdown-item" href="@Url.action("Index","TestStation")">Test Stations</a>
    </div>
</li>

创建下拉列表时,是否有一个与导航栏匹配的特殊类使用?还是我必须创建一个自定义类?

Bootstrap Dropdown背景色

safeact2 回答:Bootstrap Dropdown背景色

引导程序中的

下拉菜单项背景颜色为白色,如果要更改它,则可以按页面样式进行更改。您可以将此代码添加到您的head标签:

.dropdown-item{
background-color: #2e89e5;
color: #fff;
} 
,

假设导航栏使用原色,则可以为下拉列表bg-primary类提供原色背景(https://getbootstrap.com/docs/4.0/utilities/colors/#background-color

您可能必须将此类分别分配给所有ul个项目

,

在引导程序4.1.3中更改样式表中.dropdown-menu类的样式。

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

大家都在问