Модификация div onclick в Firefox

Question

В Firefox при нажатии на ссылку вокруг элемента появляется пунктирный контур.

Можно ли изменить его так, чтобы я мог выбрать подсвечиваемый элемент div или настроить область, которую он выделяет?

Answer 1

Я думаю, вы захотите проверить Удаление пунктирных ссылок .

Если вы хотите сохранить пунктирную границу для навигации на основе вкладок, примените это к a:active. Это по-прежнему позволяет индикатору появляться при фокусировке на клавиатуре, но скрывается при активации мыши:

a:active
{
    outline: none;
}

Для всех ссылок:

a
{
    outline: none;
}

Только для браузеров на базе Mozilla:

:focus
{
    -moz-outline-style: none;
}

Это отвечает только на половину вашего вопроса. Чтобы изменить область, очерченную пунктирными контурами, вам, вероятно, придется написать некоторый JavaScript-код для изменения границы или контура элемента, который вы хотите обвести, на основе события щелчка ссылки.

Answer 2

В CSS:

a:active{outline:0;border:(customize the border around the active link)}

Для div (используя JQuery):

$(function(){ 
    $('div#your-id').click(function(){ 
        $(this).css({'enter the CSS rules for the div here'}); 
    }); 
});

http://docs.jquery.com/CSS/css#name

Answer 3

Css:

:focus {outline:none;}
::-moz-focus-inner {border:0;}