爲什麼列表中的第一個元素被突出顯示？

我使用的引導產生在我的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

爲什麼列表中的第一個元素被突出顯示？

回答

相關問題