Bootstrap Dropdown Hover Text Color

Question

Я проделал целый ряд исследований, как я могу это сделать, но я не могу найти ничего твердого или что-нибудь, что я могу правильно понять.

Я хочу переопределить цвет выпадающего списка Bootstrap. Не выпадающее меню, сама кнопка Dropdown. По умолчанию цвет текста белый, и когда вы наводите на него курсор, это своего рода сине-зеленый цвет. Я хочу сделать сине-зеленый цвет белым.

Кто-нибудь знает, как я могу это сделать?

Вот мой текущий код упаковывают вам это нужно:

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>

Извините, если я что-то упустил или Дон» я имею в виду, в настоящее время на некоторых powerfu л боль. Это помогает мне избавиться от боли.

Answer 1

Вы можете попробовать в том числе важный в стиле:

color: white !important; 

это сделано, чтобы переопределить стили по умолчанию самонастройки устанавливает для элементов.