Le blog de Mr Schnaps

Quand on fait du CSS, il arrive que les différences des comportements par défaut entre navigateurs posent de petits problèmes.

L’exemple le plus fréquent est celui du outline des liens sur Firefox : le navigateur entoure automatiquement le dernier lien cliqué sur la page avec des pointillés gris.

Voici donc des petits bouts de code CSS à mettre au début de vos feuilles de style pour annuler tous ces petits trucs à la con :

/* DEFAULT */
a:focus, button:focus, input:focus{outline: none;}
a{outline:none;}
button::-moz-focus-inner{border:0;}
input::-moz-focus-inner{border:0;}
acronym{cursor:default;}
img{border:0;}

Et voici aussi pour désactiver la sélection texte dans un élément :

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

Enjoy !