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

Question

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

Я пробовал:

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

Ни одна из этих работ. Кто-нибудь знает реальное решение? Благодарю.

Редактировать: Ищет лучшее решение.

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

У кого-нибудь есть идеи?

Спасибо.

Редактировать снова:

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

Answer 1

Эй вы могли бы попробовать добавить размытие() событие:

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

Answer 2

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

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

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