CSS Firefox - Как отключить пунктирную границу (индикатор щелчка Firefox)?

Question

Этот индикатор клика отвратителен для моих недавних веб-проектов .. Я ненавижу это!- Как я могу сказать своему браузеру Firefox, что он не должен отмечать объект, на который нажали?

Answer 1

Если ваши пункты меню не являются элементами ввода (скажем, кнопками), вы можете скрыть их с помощью CSS, например:

element { outline: none; }

Answer 2

a { контур: нет; }

Answer 3

Ничего не помогало (Firefox 20.1) до этого:

a:focus, a:active,
button,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: none !important;
}

Answer 4

это точнее:

a { outline: none!important; }

Answer 5

Исходя из этого сообщения , добавление outline:0 также поможет.

.selector{ outline:0; }

Если вы не хотите, чтобы граница отображалась любому элементу на вашем сайте, попробуйте следующее,

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

Answer 6

Чтобы быть более специфичным для @ ioannis-karadimas, вы можете удалить контур при наведении курсора (при условии ввода с помощью мыши), но оставить его для фокусировки (при условии ввода с клавиатуры). Это сохранит большую часть доступности. Как говорится:

element:hover { outline: none; }
element:focus { // leave the focus }

Answer 7

Безумное решение:

input[type="button"]::-moz-focus-inner{
    border: 1px dotted transparent;
}

но мне это не нравится.

Действительно, Firefox 12.0 отмечает точку на входе type = "button", когда я нажимаю на нее.outline:none ничего не делает для :active, :focus, ...

Answer 8

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