更改悬停链接上引导导航栏的颜色？ [英] Change color of bootstrap navbar on hover link?

问题描述

我想知道当您在导航栏中将鼠标悬停在链接上时，如何更改链接的颜色，因为当前它们是一种难看的颜色。

任何建议？

HTML：

 < div class =容器> 
< div class =navbar> 
< div class =navbar-inner> 
< ul class =nav> 
< li class =active>< a href =＃>首页< / a>< / li& 
< li>< a href =＃>链接一< / a>< / li> 
< li>< a href =＃>链接两个< / a>< / li> 
< li>< a href =＃>链接三< / a>< / li& 
< / ul> 
< / div> 
< / div> 
< / div> 
  
 
 
解决方案
是我根据默认的 Navbar 结构执行此操作的：
  .navbar-default .navbar-nav> li> a：hover，.navbar-default .navbar-nav> li> a：focus {
 background-color：＃FFFF00; 
 color：＃FFC0CB; 
} 
  
 
I want to know how to change the color of the links when you hover over them in the nav bar, as currently they are an ugly color.

Thanks for any suggestions?

HTML:
<div class="container">
    <div class="navbar">
        <div class="navbar-inner">
            <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link One</a></li>
                <li><a href="#">Link Two</a></li>
                <li><a href="#">Link Three</a></li>
            </ul>
        </div>
    </div>
</div>

解决方案
For Bootstrap 3 this is how I did this based on the default Navbar structure:
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #FFFF00;
    color: #FFC0CB;
}


                        
这篇关于更改悬停链接上引导导航栏的颜色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！