我正在尝试在导航栏中创建一个与其余导航栏样式匹配的下拉列表。我还没有覆盖我所知的任何引导类,并且我想知道是否有任何类具有与下拉列表相同的样式。
我一直在浏览其他文章,大多数似乎只是使用随机类,并且可以正常工作。我试图为此创建一个自定义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>
创建下拉列表时,是否存在与导航栏匹配的特殊类,还是我必须创建一个自定义类?
最佳答案
引导程序中的dropdown-item背景颜色为白色,如果您要更改它,可以使用页面样式进行更改。您可以将此代码添加到您的head标签:
.dropdown-item{
background-color: #2e89e5;
color: #fff;
}