Désactivation des liens avec CSS : un guide complet
Q : Puis-je désactiver un lien en utilisant uniquement CSS ?
A : Absolument! CSS propose plusieurs options pour désactiver efficacement les liens, empêchant ainsi toute action en cas de clic.
Une approche populaire consiste à exploiter l'attribut aria-current="page" avec CSS pour y parvenir :
[aria-current="page"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: black;
}
<a href="link.html" aria-current="page">Link</a>
Copier après la connexion
Lorsqu'il est appliqué à un lien, ce code CSS accomplit les tâches suivantes :
-
Désactive les clics : événements de pointeur : aucun ; empêche toute interaction de l'utilisateur avec le lien, désactivant ainsi les clics.
-
Curseur de modifications : curseur : par défaut ; réinitialise le curseur à la forme de flèche par défaut, indiquant que le lien n'est pas cliquable.
-
Supprime le soulignement : text-decoration : aucun ; supprime le soulignement standard du lien.
-
Préserve le texte du lien : couleur : noir ; garantit que le texte du lien reste visible et lisible, même s'il est désactivé.
-
Applicabilité : Cette technique peut être appliquée à n'importe quel lien de votre page Web, vous permettant de désactiver de manière sélective des liens spécifiques lorsque nécessaire.
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!