Видаліть або вимкніть межу фокусування браузера за допомогою javascript

Хтось знає, як відключити або маніпулювати (у більшості браузерів) пунктирною межею елемента dom, якщо він має фокус у порядку табіндексу?

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

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

Хитрість CSS:

:focus { outline: none; }

У Firefox 53.0, якщо я вимикаю контур одним із запропонованих рішень, Firefox відображає типовий.

Однак, якщо я використовую порожній колір, він не виявляє, що контур прихований:

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

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

a {
outline: 0;
}

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

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

:focus state- Встановіть для властивості структури 0px прозорий прозорий;

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

Не використовуйте CSS для вимкнення фокусу: http://outlinenone.com/ Це використовує інших користувачів.

За допомогою jQuery ви можете це зробити

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