Удалить или отключить границу фокуса браузера с помощью JavaScript

Question

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

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

Answer 1

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

Answer 2

CSS трюк:

:focus { outline: none; }

Answer 3

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

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

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

Answer 4

a {
outline: 0;
}

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

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

Answer 5

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

Не использовать CSS отключить фокус: http://outlinenone.com/ Это используют другие пользователи.

Answer 6

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

Answer 7

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

Answer 8

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

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