Comment supprimer le contour pointillé de Firefox sur BOUTONS ainsi que des liens?

Question

Je peux faire en sorte que Firefox n'affiche pas les contours de focus en pointillés sur des liens avec ceci:

 a:focus { 
    outline: none; 
}
 

Mais comment puis-je faire cela pour les balises <button> aussi? Quand je fais ceci:

 button:focus { 
    outline: none; 
}
 

les boutons ont toujours le contour en pointillé lorsque je clique dessus.

(et oui, je sais que c'est un problème d'utilisabilité, mais je voudrais fournir mes propres conseils de mise au point qui sont appropriés à la conception au lieu de points gris laids)

Answer 1

Pas besoin de définir un sélecteur.

 :focus {outline:none;}
::-moz-focus-inner {border:0;}
 

Answer 2

Si vous préférez utiliser CSS pour vous débarrasser du contour en pointillé:

 /*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }
 

Answer 3

Le ci-dessous a fonctionné pour moi en cas de liens, pensé à partager - au cas où quelqu'un serait intéressé.

 a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
 

À votre santé!

Answer 4

:focus, :active {
    outline: 0;
    border: 0;
}