点击

Question

我正在使用font-awesome和bootstrap，我在菜单中有这个：

<li><a href="/help/index.htm" target="_blank"><i class="fa fa-question-circle"></i> Help</a></li>

我环顾CSS，这是影响颜色的部分：

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #006687;
}

问题是，当我点击该链接时，它会在新选项卡中打开我的帮助页面，这很好但是现在“帮助”按钮保持所选的焦点颜色，直到我单击表单上的其他位置。我想删除a:focus部分并离开a:hover部分会修复它，但它没有。 我还该怎么办？

Answer 1

这里有一个jsfiddle :)

 .navbar-inverse .navbar-nav > li > a:focus{
   text-decoration:none;
   color: #337ab7;
 }

Answer 2

尽量不要移除a:focus部分，而是覆盖：

.navbar-inverse .navbar-nav > li > a:focus {
  // here comes your default stance, for example:
  background-color: transparent;
  color: #337ab7;
}