Bootstrap菜單欄懸停顏色保留在父元素中

我覆蓋父元素中鼠標懸停的引導菜單欄的css。只有背景顏色變化不會改變文字顏色。Bootstrap菜單欄懸停顏色保留在父元素中

這裏是我的CSS提前

ul.nav > li:hover { 
    color: #FFFFFF !important; 
    background-color: #337AB7 !important;    
} 

ul.nav li li:hover { 
     text-color: white !important; 
     background-color: #337AB7 !important;    
}

感謝。

來源

2016-08-17 ieQsan

的CSS屬性'顏色：white'而不是文本的顏色 – z0mBi3

......你做得正確它在你的第一個CSS類，但錯在你的第二個。不要寫文字顏色：白色！重要;你需要寫顏色：白色！重要; –

我已經用#FFFFFF進行了測試 – ieQsan

的屬性來改變文字顏色是color而不是文本的顏色

ul.nav > li:hover { 
    color: #FFFFFF !important; 
    background-color: #337AB7 !important;    
} 

ul.nav li li:hover { 
     color: white !important; 
     background-color: #337AB7 !important;    
}

來源

2016-08-17 08:53:15 z0mBi3

試圖改變內部<li>像這樣<a>標籤的「顏色」，

ul.nav > li > a:hover{ 
    color : red; 
}

來源

2016-08-17 09:02:53

我找到了解。

ul.nav li:hover > a { 
       color: #ffffff !important; 
       background-color: #337AB7 !important;    
      }

感謝

來源

2016-08-17 09:08:15 ieQsan

Bootstrap菜單欄懸停顏色保留在父元素中

回答

相關問題