Comment ajouter du texte d'URL aux ancres sans souligner en CSS ?

Revisiter la "décoration de texte" et le pseudo-élément ":after"

La requête explore les défis rencontrés lors de la personnalisation des éléments d'ancrage à l'aide du Pseudo-classe ":after" en CSS. Plus précisément, l'objectif est d'ajouter l'URL du lien hypertexte sans affecter la décoration du texte par défaut, en garantissant que le texte de l'URL reste non souligné.

Malgré les tentatives utilisant la déclaration "text-decoration: none", le soulignement persiste dans navigateurs comme Firefox et Chrome. Cependant, la définition de la propriété color fonctionne efficacement. L'interrogateur recherche une solution applicable au contenu textuel de largeur variable, plutôt qu'aux images de taille fixe comme indiqué dans la requête d'origine.

Résolution :

Pour résoudre ce problème , la propriété "display: inline-block" peut être appliquée au pseudo-élément ":after". Cela garantit que la déclaration "text-decoration" prend effet, ce qui donne un texte non souligné. Il a été vérifié que la solution fonctionne dans la version 25 de Chrome et la version 19 de Firefox.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!