引導下拉菜單顏色懸停不起作用

我一直試圖編輯導航欄下拉菜單中懸停時的背景顏色，但它仍然保持着這種灰色。我發佈了一些我已經嘗試在HTML代碼中進行調整的代碼。 DropdownMenuNoHightlightOnHover 引導下拉菜單顏色懸停不起作用

.dropdown-menu { 
background-image: transparent !important; 
background-color:#285eff !important; 
color:#668CFF !important; 
border: 1px solid #668CFF !important; 
} 
.dropdown-menu > li > a { 
background-image: transparent !important; 
color: #D2DCFC !important; 
} 
.dropdown-toggle:active, 
.dropdown-toggle:focus, 
.dropdown:active, 
.dropdown > .open { 
background-image: transparent !important; 
background-color:#2658ED !important; 
} 
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:active, 
.dropdown-submenu:hover > a{ 
background-image: transparent !important; 
background-color: #2658ED !important; 
} 
.dropdown-menu li.active > a, 
.dropdown-menu li.active > a:hover, 
.dropdown-menu li.active > a:focus { 
background-image: transparent !important; 
background-color: #2658ED !important; 
} 
ul.nav li ul { 
background-color:#2658ED !important; 
} 

<div class="navbar navbar-final navbar-static-top"> 
<div class="container-fluid"> 
    <div class="navbar-header"> 
     <a href="#" class="navbar-brand">CleverPlay</a> 
     <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
    </div> 
    <div class="collapse navbar-collapse navHeaderCollapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="#">Home</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Games <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
        <li><a href="yahtzee/index.php">Yahtzee</a></li> 
        <li><a href="hangman/index.php">Hangman</a></li> 
        <li><a href="flapcard/index.php">Flapcard</a></li> 
       </ul> 
      </li> 
      <li><a href="#">Scores</a></li> 
      <li><a href="#">About</a></li> 
      <li><a href="#">Contact</a></li>  
     </ul> 
    </div> 
</div> 
</div>

而且我也有在那裏，每次我從該網頁上說另一個網頁（不是標籤），那麼它變成背景色灰色的窗口取消的問題，但文字是還好。 enter image description here

這裏有一個小提琴：http://jsfiddle.net/cb25dj9g/

來源

2014-12-01 Azalea

提供了小提琴，請 – Haris 2014-12-01 15:43:12

我固定我的問題的下半年。對於任何人也會遇到這個問題，它在'.navbar-final .navbar-nav> li> {background-color：transparent;}' – Azalea 2014-12-01 16:12:05

而不是試圖調整CSS，最好是調整原始變量通過http://getbootstrap.com/customize/或更好的方式下載源代碼並將其編譯爲自己的css http://getbootstrap.com/getting-started/ – Tims 2014-12-01 21:27:56

對於你的問題的上半場，添加以下內容：

.dropdown-menu > li > a { 
background-image:none; // before setting any background-color 
}

來源

2015-04-06 14:26:47 Ogo

引導下拉菜單顏色懸停不起作用

回答

相關問題