Po kliknięciu łącza większość przeglądarek narysuje wokół niego kropkowane pole. Jak mogę temu zapobiec?

Question

Po kliknięciu łącza większość przeglądarek narysuje wokół niego kropkowane pole. Najłatwiej jest sprawdzić, czy link jest otwierany w nowym oknie, ponieważ strona oryginalna się kręci.

Czy można to zatrzymać?

Answer 1

umieścić to w swoim CSS

-moz-outline: none; 
outline: none; 

Oto more detailed breakdown i related question

Answer 2

Jedną z opcji jest użycie funkcji javascript blur na łączu po jej kliknięciu. Funkcja blur usuwa fokus z linku, więc nie zostanie narysowany za pomocą kropkowanej ramki wokół niego.

Jeśli używasz jQuery, a następnie można wdrożyć takie rozwiązanie jak to:

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

Answer 3

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

lepiej nam e:

a:active { 
    outline: none; 
} 

lub

a { 
    outline: none; 
} 

to bardziej konkretne. w przeciwnym razie możesz tłumić zbyt wiele rzeczy naraz. a jeśli zależy Ci na ułatwieniach dostępu, upewnij się, że użytkownicy, którzy nie mogą korzystać z myszy, mogą w inny sposób dowiedzieć się, który link jest aktywny lub skupiony.