Bootstrap 3 Navbar - 当悬停链接时,颜色显示为#EEEEEE

时间:2015-02-10 21:17:31

标签: html css twitter-bootstrap twitter-bootstrap-3

我没有在样式表中的任何位置设置将链接悬停为#EEEEEE,我希望导航栏悬停与导航栏背景颜色相同,这样您就看不出任何差异了它徘徊不去。

以下是我当前的样式表:Pastebin

以下是该网站目前的演示: Link

2 个答案:

答案 0 :(得分:1)

这是Bootstrap的默认hover状态:

.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none;
  background-color: #eee;
}

您已经有一个可以覆盖它的选择器,只需包含background属性:

#header a:hover {
  color: #fff;
  text-decoration: none;
  background:none;
}

答案 1 :(得分:0)

将其添加到样式表。

ul.nav a:hover { color: #fff !important; }