Comment désactiver un lien en utilisant uniquement le CSS ?

Existe-t-il un moyen de désactiver un lien à l'aide de CSS ?

J'ai une classe appelée current-page et je veux que les liens avec cette classe soient désactivés afin qu'aucune action ne se produise lorsqu'ils sont cliqués.

Les CSS ne peuvent être utilisées que pour modifier le style d'un élément. Le mieux que vous puissiez faire avec du CSS pur est probablement de masquer complètement le lien.

Ce dont vous avez vraiment besoin, c'est de javascript. Voici comment faire ce que vous voulez en utilisant la bibliothèque jQuery.

$('a.current-page').click(function() { return false; });
Commentaires (9)

Les CSS ne peuvent pas le faire. Les CSS ne servent qu'à la présentation. Vous avez le choix :

  • Ne pas inclure l'attribut href dans vos balises <a>.
  • Utilisez JavaScript, pour trouver les éléments d'ancrage avec cette class, et supprimez leurs attributs href ou onclick en conséquence. jQuery vous aiderait à le faire (NickF a montré comment faire quelque chose de similaire mais mieux).
Commentaires (2)

Vous pouvez définir l'attribut href comme javascript:void(0).

.disabled {
  /* Disabled link style */
  color: black;
}
<a class="disabled" href="javascript:void(0)">LINK</a>
Commentaires (3)