为什么列表中的第一个元素会突出显示？

Question

我正在使用Bootstrap在我的Chrome扩展程序中生成导航栏，但由于某种原因，它会一直突出显示第一个元素，我不知道为什么。除了默认的Bootstrap CSS

之外没有其他CSS

我的代码

<ul class="nav">  
  <li><a id="btnHome" href="#" title="Home"><img src="img/bk.png"/></a></li> 
  <li class="current"><a href="popup.html" title="Notifications"><i class="icon-bell current"></i></a></li>
  <li><a href="spaces.html" title="Spaces" ><i class="icon-th-list"></i></a></li>
  <li><a href="options.html" target="_blank" title="Options" ><i class="icon-wrench "></i></a></li>
</ul> 

我的结果

有人有任何建议吗？

的jsfiddle http://jsfiddle.net/b2LxH/

根据jsfiddle，在正常浏览中似乎不会发生这种情况。它只在OSX上的Chrome上测试过。这是一个扩展，所以不确定这是否有任何影响。

Answer 1

将outline: none;添加到.current类可以正常工作：

.current {
    border-bottom: 1px #0d6fac solid;
    outline: none;
}

或者，在ul.nav：

上试试

ul.nav a {
    outline: none;
}

请参阅此更新jsFiddle。