Когда я нажимаю на ссылку, большинство браузеров рисуют пунктирную рамку вокруг нее. Как я могу предотвратить это?

Question

Когда я нажимаю на ссылку, большинство браузеров рисуют пунктирную рамку вокруг нее. Проще всего увидеть, открыта ли ссылка в новом окне, поскольку исходная страница остается неизменной.

Можно ли это остановить?

Answer 1

Поместите это в свой CSS

-moz-outline: none;
outline: none;

Вот более подробная разбивка и связанный вопрос

Answer 2

http://css -tricks.com / удаление-пунктирные контурный /

лучше использовать:

a:active {   
    outline: none;
}

или

a { 
    outline: none;
} 

это более конкретно. в противном случае вы можете подавить слишком много вещей одновременно. и если вы заботитесь о доступности, обязательно предоставьте пользователям, которые не могут использовать мышь, другой способ узнать, какая ссылка активна или сфокусирована.

Answer 3

Один из вариантов - использовать функцию javascript blur для ссылки после ее нажатия. Функция blur убирает фокус со ссылки, поэтому ее не будет отображать пунктирная рамка вокруг нее.

Если вы используете jQuery, вы можете реализовать такое решение, как это:

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