Удаление или отключение границы фокуса браузера через javascript

Кто-нибудь знает, как отключить или обработать (в большинстве браузеров) пунктирную границу dom-элемента, если он имеет фокус в порядке tabindex?

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

Ответы

Ответ 1

Просто создайте правило CSS для элементов, которые вы хотите иметь outline:none;

Ответ 2

CSS трюк:

:focus { outline: none; }

Ответ 3

a {
outline: 0;
}

a: hover,
a: active,
a: focus {
     outline: none;
}

input::-moz-focus-inner {
border: 0;
}

Ответ 4

С Firefox 53.0, если я отключу схему с одним из предлагаемых решений, Firefox отобразит по умолчанию.

Однако, если я использую пустой цвет, он не обнаруживает, что контур скрыт:

input:focus{
   outline: 1px solid rgba(255,255,255,1);
}

Ответ 5

input::-moz-focus-inner { border: 0; }

Ответ 6

:focus state - установить свойство контур до прозрачного 0px;

Ответ 7

Используя jQuery, вы можете сделать

$("#nav li a").focus(function(){
  $(this).blur();
});