jquery - IE7 アウトライン:0 が機能しない

Question

アウトラインがアクセシビリティのために使用されていることは理解していますが、別の方法は何ですか:

a {
   outline: 0;
}

IE7で動作するもの

おそらくJqueryを使用していますか？

Answer 1

jqueryの場合、次のようなものを試すことができます

$('a').focus(function() {
  $(this).blur();
});

これは基本的に IE 7 のみのソリューションと同じで、アンカーがフォーカスされているときにぼかします。Mac VM IE 7でこれを試してみましたが、動作します

http://jsfiddle.net/QnMLR/2/

上には輪郭があり、下には輪郭がありません

Answer 2

今は慣れているfocus

a:hover, a:active, a:focus{
outline:0;
}

詳細http://css-tricks.com/removing-the-dotted-outline/

---

更新されたすなわち解決策は

a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
}

詳細http://www.cssjunction.com/css/remove-dotted-border-in-ie7/

Answer 3

これは jquery を使用しても同様に機能し、タブ オーダーを台無しにしません。

$(function ()
{
    $("a").each(function() {
        $(this).attr("hideFocus", "true").css("outline", "none");
    });
});