Désactiver un lien à l’aide de css

Question

Est-il possible de désactiver un lien en utilisant le css ?

J’ai la classe appelé courant-page les liens ayant cette classe doivent être désactivées (signifie aucune action ne doit être se produire lorsqu’on clique dessus).

Answer 1

La réponse est déjà dans les commentaires de la question. Pour plus de visibilité, je copie cette solution ici:

<a href="link.html" class="disabled">Link</a>

a.disabled {
   pointer-events: none;
   cursor: default;
}

Exemple: http://jsfiddle.net/7EQJp

Pour la prise en charge du navigateur, veuillez consulter: http://caniuse.com/#search=pointer-eventssi vous avez besoin de soutien IE il existe une solution de contournement, voir cette réponse.

Avertissement: L'utilisation de pointeur-événements dans le CSS pour les non-éléments SVG est expérimental. La fonction utilisée pour faire partie de la CSS3 UI projet de spécification, mais, en raison des nombreuses questions en suspens, a été reportée à CSS4.

Answer 2

CSS utilisable uniquement pour modifier le style de quelque chose. Le mieux que vous pourriez probablement faire avec pure CSS est de cacher le lien tout à fait.

Ce que vous avez vraiment besoin, c’est du javascript. Voici comment vous feriez ce que vous voulez utiliser la bibliothèque jQuery.

Answer 3

CSS ne peut pas le faire. CSS est de présentation seulement. Vos options sont :

• N’incluez pas les attribuent dans votre tags.
• Utiliser JavaScript, pour trouver les éléments d’ancrage que et supprimer leurs ou `` attribue en conséquence. jQuery vous aiderait avec cette (NickF a montré comment faire quelque chose de similaire, mais mieux).

Answer 4

<h2><strong>« Bootstrap » lien désactivé</strong><pre><code></code></pre><h2><strong>Bootstrap bouton inactif mais il semble que le lien</strong></h2><pre><code></code></pre></h2>

Answer 5

Vous pouvez définir attribuent à