在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; 

}