jquery 버튼 주위에 점선으로 된 윤곽 제거하기

Question

버튼의 입력을 클릭하면 FF에 나타나는 점선으로 된 윤곽을 없애려고합니다. 이 개요는 Chrome에 표시되지 않습니다.

나는 시도하지했습니다 :이 작품의

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

없음. 누구든지 진짜 해결책을 안다? 감사.

편집 : 더 나은 해결책을 찾고 있습니다.

onclick은 윤곽을 깜박이고, 나타나는 것처럼 나타나고 mouseup에서 사라집니다. 나는 mousedown과 mouseup에 blur를 묶으려고했으나 플래시는 계속 남아 있습니다.

누구나 더 좋은 아이디어가 있습니까?

감사합니다.

다시 편집 :

해결책은 FF의 최신 버전에서 작동합니다. 버그가 고쳐진 것처럼 보입니다.

Answer 1

이봐, 당신은 흐림() 이벤트를 추가하는 시도 할 수 :

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

Answer 2

점선으로 윤곽에 포커스가 어떤 요소를 사용자에게 표시의 파이어 폭스의 방법입니다. 버튼/링크/요소를 클릭하고 DOM을 변경하지 않은 클라이언트 응용 프로그램을 작성하는 경우 FF의 포커스 개요가 표시됩니다. 이를 제거하는 유일한 방법은 이벤트 대상 요소 blur()입니다.

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