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

我使用的引导产生在我的Chrome扩展程序的导航栏，但由于某些原因，它一直强调的第一个元素，我不知道为什么。没有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>

我的结果

enter image description here

有没有人有什么建议？

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

这似乎并不在正常浏览发生具体根据的jsfiddle。它只在OSX上的Chrome上进行了测试。这是一个扩展，所以不知道这是否有任何影响。

来源

2013-07-07 K20GH

你的图片是否有默认边框？ – John

你检查图像是否看起来像突出显示？ –

是的，看起来它可能是图像文件中的边框。 –

添加outline: none;您.current类工作得很好：

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

或者，尝试在ul.nav：

ul.nav a { 
    outline: none; 
}

看到这个更新jsFiddle。

来源

2013-07-07 09:43:18 BenM

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

回答

相关问题