Je reçois un problème dans mon application, où je veux désactiver HTML code> ancrage avec CSS code>, j'ai vu une solution dans lien "Disable lien avec CSS , qui fonctionne bien dans chrome code> et firefox code >, mais quand j'ouvre ma page à Internet Explorer Code>, il ne pouvait pas être désactivé, j'ai parcouru de nombreux liens, mais je n'ai trouvé aucune solution pour Internet Explorer, aidez-moi s'il vous plaît si vous avez tout lien utile ou réponse. Merci d'avance <a href="link.html" class="active">Link</a>
.active {
pointer-events: none;
cursor: default;
}
4 Réponses :
CSS Way to Désactiver les liens:
$("td > a").attr("disabled", "disabled");
Les événements du pointeur n'étaient à l'origine que Mozilla. Il a été adopté dans de la MDN DOCS:
AVERTISSEMENT: l'utilisation d'événements de pointeur dans CSS pour les éléments non SVG est expérimental. La fonctionnalité utilisée pour faire partie du projet de spécification CSS3 UI, mais, en raison de nombreux problèmes ouverts, a été reporté à CSS4.
-webkit - mais malheureusement pas dans IE. Et maintenant qu'ils ont bord. Je suppose que ça ne sera jamais le cas.
alors signifie sans utiliser JavaScript, nous ne pouvons pas désactiver un lien dans IE @jay
Vous pouvez utiliser la propriété CSS de Pointer-Events pour désactiver les liens, mais ils ont connu des problèmes avec IE. À partir de IE 11, cette propriété est prise en charge. Il y a un petit hack. Vous devez ajouter une classe désactivée aux liens et ajouter un attribut désactivé au lien puis ajouter CSS donné ci-dessous. De plus, vous devez fournir des événements pointeurs Aucun pour l'attribut d'ancrage désactivé. Après ces deux, cela devrait fonctionner dans la plupart des navigateurs.
a.disabled {
pointer-events: none;
}
a[disabled] {
pointer-events: none;
}
Ouais, cette astuce fonctionne bien dans IE. Merci @rahul pour votre réponse
Je suis également confronté à ce type de problème. Mais j'utilise cette solution dans mon code et son travail.
.disableButton {
background: #e6eeee none repeat scroll 0 0;
border: 2px solid #cdcdcd;
border-radius: 20px/40px;
color: #dcd7dc;
cursor: pointer;
font-family: arial;
font-size: 11px;
font-weight: bold;
image-rendering: inherit;
padding: 5px 30px;
pointer-events: none;
text-decoration: none;
display : inline-block;
}