Question

我正在使用twitter bootstrap框架。我有以下代码：

<div class="container-fluid topbar-nav">
    <a class="navbar-brand" href="#">Whatever</a>
    <ul class="nav navbar-nav navbar-right">
    <li><a href="#">My Dashboard</a></li>
    <li><a href="#">My Settings</a></li>
    <li><a href="#">My Profile</a></li>
    </ul>
</div>

.topbar-nav定义为：

.topbar-nav {
    background-color: #202020;
}

.topbar-nav a:link { color:#FFFFFF; }
.topbar-nav a:visited { color:#FFFFFF; }
.topbar-nav a:hover { color:#E8E8E8; }
.topbar-nav a:active { color:#B0B0B0; }

每当我将鼠标悬停在链接上时，它后面会出现一个坚固的白框。它看起来像一个很好的功能，但不适合我的其余设计。有没有办法禁用它或改变颜色？我看了一下bootstrap.css并搜索了一段时间，但似乎无法找到答案。

Answer 1

只需覆盖元素悬停事件的bootstrap样式。

.nav > li > a:hover, .nav > li > a:focus { background-color:<whatever color you want>; }

Answer 2

尝试下面的css：

.navbar-nav>li>a:hover{background-color:transparent;}

引导程序禁用<a></a>上的白色背景

2 个答案: