14

アンカーをクリックしたときにIE10がアンカーに適用する迷惑な灰色の背景をどのように回避しますか？

4

4 に答える 4

27

実際には、非常に簡単な CSS 修正があります。IE 10background-colorは、状態にあるときにアンカー タグの を変更し:activeます。それが起こらないようにする、または色を変更するには、以下の CSS ルールを使用できます。

a:active{
    background-color: transparent; /* Can be any colour, not just transparent */
}

ライブデモ: http://jsfiddle.net/tw16/NtjK7/

余談ですが、リンクのスタイルを設定するときは、ルールを正しい順序で記述して、以前のスタイルが上書きされないようにする必要があることに注意してください。

a:link{}    /* 1st */
a:visited{} /* 2nd */
a:hover{}   /* 3rd */
a:active{}  /* 4th */
于 2013-03-21T22:14:02.283 に答える
4

灰色の背景を追加したのは実際には :focus であることがわかりました。

これは私のために働いた：

a:focus {
    background-color: transparent;
}
于 2013-08-22T15:06:59.847 に答える
0

私は多くの情報を見つけることができませんでしたが、1つの修正を見つけました：

アンカーのテキストをspan

実用的なソリューション

HTMLのすべてのアンカーを変更したくない場合は、次のようなスクリプトを使用できます。

$("a:not(.dont-use-span)").each(function() {
    $(this).html("<span>" + $(this).html() + "</span>");
});

実用的なソリューション

注：dont-use-span変更したくないアンカーにクラスを追加するだけです

于 2013-03-11T15:20:25.833 に答える
0

多くの不毛なテストの後、私は最終的にこれで動作するようにしました:

  a               {color:#fff; background-color:#f77927 !important;}
  a:hover         {color:#fff; background-color:#e65e06 !important;}
  a.active        {color:#fff; background-color:#e65e06 !important;}
  a.focus         {color:#fff; background-color:#e65e06 !important;}

実際に見る

于 2014-09-09T09:47:32.430 に答える