jquery Избавляемся от пунктирного контура вокруг кнопок

Question

Я пытаюсь избавиться от пунктирного контура, который появляется в FF при нажатии кнопки ввода типа. Этот контур не отображается в Chrome.

Я пробовал:

.button {
    border:none;
    outline:none;
}
.button:active {
    border:none;
    outline:none;
}
.button:focus {
    border:none;
    outline:none;
}

Ни одна из этих работ. Кто-нибудь знает реальное решение? Спасибо.

Редактировать: в поисках лучшего решения.

onclick мигает контур, как в, он появляется, а затем исчезает при наведении мыши. Я пытался связать размытие с mousedown и mouseup, но вспышка сохраняется.

У кого-нибудь есть идеи получше?

Спасибо.

Снова отредактируйте:

Решение работает в последней версии FF. Похоже, ошибка была исправлена ​​или что-то в этом роде.

Answer 1

Пунктирный контур - это способ Firefox указывать пользователю, какой элемент имеет фокус. Если вы пишете какое-то клиентское приложение, в котором нажимаются кнопки / ссылки / элементы, а DOM не изменяется, то вы увидите схему фокуса FF. Единственный способ избавиться от этого - blur() целевой элемент события.

Вот метод дробовика / избыточного убийства, как сделать это с помощью jquery:

$(function() {
    $('.autoblur').live("click", function(event) {
        this.blur();
    });
});

Answer 2

Эй, вы можете попробовать добавить событие blur ():

<input type="button" value="test" onclick="this.blur()" />