javascript - ブートストラップ: クリック後もリンクが選択されたままになります

Question

コード：

<h1><a href="#">link</a></h1>
<script>
$("a").click(function (e) {
    e.preventDefault();
});
</script>

http://jsfiddle.net/U7Y3r/

リンクをクリックすると、小さな境界線が残ります:

これは Firefox と Internet Explorer 10 で確認しました。Chrome や Bootstrap なしでは発生しません。

Answer 1

これはoutlineプロパティで、次のように設定できますnone:

a:focus { outline: none }

http://jsfiddle.net/Uqzqy/1/

Answer 2

これを試して：

$("a").click(function (e) {
    e.preventDefault();
    $(this).css("outline", "none");
});

Answer 3

This works fine

    $("a").click(function (e) {
    e.preventDefault();
    $("a").css("text-decoration","none"); 
    });

http://jsfiddle.net/U7Y3r/1/
to get back the same effect, again, http://jsfiddle.net/U7Y3r/2/