jquery Se débarrasser des contours en pointillé autour des boutons

Question

J'essaie de me débarrasser du contour pointé qui apparaît dans FF lorsque vous cliquez sur une entrée de type bouton. Ce plan n'apparaît pas dans Chrome.

J'ai essayé:

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

Aucune de ces travaux. Quelqu'un connaît la vraie solution? Merci.

Éditer: Vous cherchez une meilleure solution. Onclick clignote le contour, comme dans, il apparaît, puis disparaît sur mouseup. J'ai essayé de lier le flou à mousedown et mouseup, mais le flash persiste.

Quelqu'un a-t-il de meilleures idées?

Merci.

Modifier à nouveau:

solution fonctionne dans la dernière version de FF. On dirait qu'un bug a été réparé ou quelque chose.

Answer 1

Hey, vous pouvez essayer d'ajouter un événement flou():

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

Answer 2

Le contour en pointillé est la manière de Firefox d'indiquer à l'utilisateur quel élément a le focus. Si vous écrivez une sorte d'application cliente où les boutons/liens/éléments sont cliqués et que DOM n'est pas modifié, alors vous verrez le plan de focus de FF. La seule façon de se débarrasser de cela est de blur() l'élément cible de l'événement.

est ici un fusil de chasse/méthode surpuissant de la façon de le faire avec jquery:

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