Bootstrap 3 导航栏 - 当悬停 link 时，颜色显示为 #EEEEEE

Question

我没有在样式表的任何地方设置它以将 link 悬停为 #EEEEEE，我希望导航栏悬停与导航栏背景颜色相同，这样你就不能悬停时看到任何差异。

这是我当前的样式表：Pastebin

这是网站目前的演示： Link

Answer 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;
}

Answer 2

将此添加到您的样式表。

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