点击导航后没有突出显示按钮

Not highlighting the button in navabr after clicking

本文关键字：显示 按钮 导航      更新时间：2023-09-26

我正在使用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部分会修复它，但它没有。我还应该做什么?

这里有一个jsfiddle:) 

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

尽量不要删除a:focus部分，而是将覆盖:

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