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

Ответ 1

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

element { outline: none; }

Ответ 2

a { схема: нет; }

Ответ 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;
}

Ответ 4

это более точно:

a { outline: none!important; }

Ответ 5

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

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

Ответ 6

Основываясь на этом сообщении, добавление outline:0 также сделает трюк.

.selector{ outline:0; }

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

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

Ответ 7

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

Ответ 8

Сумасшедшее решение:

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

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

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