Supprimer les pointillés lors d'un clic sous Firefox

Vous l'avez surement remarqué, lors d'un clic sur un lien sous Firefox un cadre pointillé apparait autour de ce dernier.
Ce pointillés permettent à l'utilisateur de repérer ou se situe "le focus" lors de l'utilisation de la touche tabulation permettant de atteindre le lien suivant.

Evidement si vous utilisez souvent cette option alors cette astuce n'est pas pour vous. Personnellement j'utilise bien la touche "TAB" mais uniquement dans les formulaires. J'ai donc préféré retirer ces pointillés. smile

Voici la manipulation à effectuer...

Ouvrez le fichier :

C:\Program Files\Mozilla Firefox\res\ua.css

Recherchez (ligne 122 par défaut) :

*|*:-moz-any-link:focus {
  outline: 1px dotted invert;
}

Et remplacez par :

*|*:-moz-any-link:focus {
  outline: none;
}

Enregistrez ensuite le fichier ou ouvrez Firefox. Tapez dans la barre d'adresse :

about:config

Puis recherchez le filtre

browser.display.focus_ring_width

Et placez le à "0".

Redémarrez Firefox et les pointillés auront disparut.

Màj le 10/08/09 : Proposé dans les commentaires, voici une alternative pour les webmasters à ajouter dans la feuille de style !

a {
      outline: none;
}

Billets relatifs

2 Commentaire(s)

  1. Commenté par PhEnIxMoOn le vendredi 07 août à 22:53

    J'ajoute un petit commentaires pour les webmasters désireux d'enlever les petits pointiller sur les liens tout le temps . Il vous suffit de faire : ( dans le CSS )

    a {
          outline: none;
    }
  2. Réponse

    En effet, merci de ta contribution, je l'ajoute dans le billet. wink

  3. Commenté par MX le mardi 22 décembre à 17:23

    ou dois je mettre ce code pour eviter les pointiller sur mon site web?
    Je sais que c'est dans le css mais comment le trouver et ou le mettre je suis novice

  4. Réponse

    Peu d'importante sur l'endroit ou tu le place tant que tu n'a pas de règle à l'annuler par la suite. Après c'est surtout une question de principe et d'habitude ; Personnellement je commence mes feuilles de style par les attributs communs (donc par celui-là) puis les ids et pour terminer les classes.

Ajouter un commentaire





Les commentaires sont validés manuellement afin d'éviter le spam.