Bootstrap: Ссылка остается выделенным после нажмите

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

Это также возможно (и, возможно, немного чище), чтобы просто удалить фокус линии связи с использованием $.fn.blur:

$("a").click(function (e) { 
    $(this).blur(); 
    e.preventDefault(); 
}); 

http://jsfiddle.net/U7Y3r/4/

Answer 2

Это прекрасно работает

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

http://jsfiddle.net/U7Y3r/1/
, чтобы получить обратно тот же эффект, опять же, http://jsfiddle.net/U7Y3r/2/

Answer 3

Это outline свойство, вы можете установить его в none:

a:focus { outline: none } 

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

Answer 4

Попробуйте это:

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

Answer 5

На самом деле вы Дон» t нужен любой javascript. Вам нужно просто установить «a» на «focus» на «outline: 0;»

/* CSS */ 
    a: focus { outline: 0; } 

    // SCSS 
    a { 
     &:focus { 
      outline: 0; 
     } 
    }