在Bootstrap中点击下拉菜单
问题描述:
我在Bootstrap中遇到问题。我有一个下拉列表,但是当我点击该下拉列表时,颜色变为灰色。我正在尝试使dropdown
类访问黑色(因为我的navbar
是黑色的),但它不起作用。在Bootstrap中点击下拉菜单
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-language" style="color:white;"></i>
Language
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="propertiesSearch.php">English</a></li>
<li><a href="propertiesSearch.php">Bosanski</a></li>
</ul>
</li>
</ul>
答
改变这些黑色(或十六进制颜色,以符合巴):
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: black;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: black;
border-color: #428bca;
}