Bootstrap Dropdown悬停文本颜色

Question

我已经做了一大堆研究，以了解如何实现这一目标，但是我找不到任何固体或任何可以正确理解的内容。

我想重写引导下拉悬停颜色。不是下拉菜单，实际的下拉按钮本身。默认情况下，文本的颜色是白色的，当你将它悬停在上面时，它就是某种蓝绿色的颜色。我也想让蓝绿色变成白色。

没有人有任何想法，我怎么能去这样做？

这里是我当前的代码柜面你需要它：

CSS：

@media { 
 
    ul.nav li.dropdown:hover > ul.dropdown-menu { 
 
     display: block;  
 
    } 
 
    
 
    .navbar-custom { 
 
     color: #262626; 
 
     background-color: #262626; 
 
    } 
 
    
 
    .navbar-default { 
 
     color: #262626; 
 
     background-color: #262626; 
 
     border-top: 4px solid red; 
 
    } 
 
    
 
    .navbar-default .navbar-brand:hover { 
 
     color: white; 
 
    } 
 
    
 
    .dropdown:hover { 
 
     color: white; 
 
    } 
 
    
 
} 
 

 
body { 
 
    background-color: black; 
 
} 
 

 
#navbar { 
 
    width: 100%; 
 
}

HTML：

<div class="navbar navbar-default navbar-custom navbar-fixed-top"> 
 
     <div class="collapse navbar-collapse"> 
 
      <ul class="nav navbar-nav" id="dropdowns"> 
 
       <a class="navbar-brand" id="brand">Traders: </a> 
 
       <li class="dropdown"> 
 
        <a href="" class="dropdown-toggle" aria-expanded="false">General <span class="caret"></span></a> 
 
        <ul class="dropdown-menu pull-left" role="menu"> 
 
         <li><a href="#medical">Medical</a></li> 
 
         <li><a href="#utility">Utility</a></li> 
 
        </ul> 
 
       </li> 
 
      </ul> 
 
     </div> 
 
    </div>

很抱歉，如果我漏掉了什么或不要”没有什么意义，目前在一些权力l止痛药。这可以帮助我摆脱痛苦。

Answer 1

您可以尝试包括重要的风格：

color: white !important; 

这样做是为了覆盖默认的样式引导建立了元素。