html - 更改悬停链接上 Bootstrap 导航栏的颜色？

Question

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

感谢您提供任何建议？

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>

Answer 1

对于 Bootstrap 3 这就是我基于默认 Navbar 执行此操作的方式结构:

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #FFFF00;
    color: #FFC0CB;
}