Comment puis-je désactiver les liens à l'aide de CSS ?

Astuce CSS pour désactiver les liens

Problème :

Est-il possible de désactiver les liens en utilisant CSS ? Par exemple, si vous avez une classe appelée « page actuelle », vous souhaiterez peut-être empêcher les liens avec cette classe d'être actifs lorsque vous cliquez dessus.

Solution :

L'extrait de code CSS suivant propose une solution simple :

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

Ce code cible les éléments avec l'attribut "aria-current='page'" et désactive leur interactivité. en définissant "pointer-events" sur "aucun". Il supprime également le style typique des liens en définissant "curseur" sur "par défaut", en supprimant la décoration du texte et en réinitialisant la couleur du texte en noir.

Pour appliquer cette solution en HTML, vous pouvez modifier votre lien comme suit :

<a href="link.html" aria-current="page">Link</a>

Cela désactivera le lien et l'empêchera d'être cliquable lorsque la classe "current-page" est appliquée.

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!