2016-08-17 81 views
1

我覆盖父元素中鼠标悬停的引导菜单栏的css。只有背景颜色变化不会改变文字颜色。Bootstrap菜单栏悬停颜色保留在父元素中

enter image description here

这里是我的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;    
} 

感谢。

+0

的CSS属性'颜色:white'而不是文本的颜色 – z0mBi3

+0

......你做得正确它在你的第一个CSS类,但错在你的第二个。不要写文字颜色:白色!重要;你需要写颜色:白色!重要; –

+0

我已经用#FFFFFF进行了测试 – ieQsan

回答

1

的属性来改变文字颜色是color而不是文本的颜色

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

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

试图改变内部<li>像这样<a>标签的“颜色”,

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

我找到了解。

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

感谢

相关问题