Comment puis-je supprimer le contour autour des images de liens hypertexte?

Question

Lorsque nous utilisons le remplacement de texte à l'aide de CSS, en donnant un indent de test négatif, c'est-à-dire text-indent:-9999px , lorsque nous cliquons sur ce lien, la ligne pointillée apparaît comme dans cette image. Si vous avez la solution, partagez-la.!!

S'il vous plaît regardez l'exemple d'image ce que je veux expliquer:

Answer 1

Pour Supprimer le contour de la balise d'ancrage

 a {outline : none;}
 

Supprimer le contour du lien de l'image

 a img {outline : none;}
 

Supprimer la bordure du lien de l'image

 img {border : 0;}
 

Answer 2

Vous pouvez utiliser la propriété CSS "outline" et la valeur "none" sur l'élément d'ancrage.

 a {
outline: none;
}
 

J'espère que cela pourra aider.

Cordialement, Dean

-db

Answer 3

Pour Internet Explorer 9:

 a:active, a:focus { 
 outline: none; 
 ie-dummy: expression(this.hideFocus=true);
}
 

Source: http://social.msdn.microsoft.com/Forums/en-HK/ieextensiondevelopment/thread/1023adfd-bd73-47ac-ba9c-2bad19ac583a

Answer 4

Veuillez noter que les styles de focus sont là pour une raison: si vous décidez de les supprimer, les personnes qui naviguent via le clavier ne savent plus ce qui est au centre, ce qui nuit à l'accessibilité de votre site Web.

(Les garder en place aide également les utilisateurs avertis qui n'aiment pas utiliser leur souris.)

Answer 5

Il y a le même effet de bordure dans Firefox et Internet Explorer (IE) , il devient visible lorsque vous cliquez sur un lien.

Ce code ne corrigera que IE:

 a:active { outline: none; }.
 

Et celui-ci corrigera à la fois Firefox et IE :

 :active, :focus { outline: none; -moz-outline-style: none; }
 

Le dernier code doit être ajouté à votre feuille de style si vous souhaitez supprimer les bordures de lien de votre site.