0

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 でのみテストされています。拡張機能なので、影響があるかどうかはわかりません。

4

1 に答える 1

3

クラスoutline: none;への追加は正常に機能します。.current

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

または、次の場所で試してくださいul.nav。

ul.nav a {
    outline: none;
}

この更新されたjsFiddleを参照してください。

于 2013-07-07T09:43:18.140 に答える