Maison > interface Web > tutoriel CSS > Comment rendre les hyperliens indisponibles en CSS

Comment rendre les hyperliens indisponibles en CSS

青灯夜游
Libérer: 2023-01-04 09:38:46
original
2560 Les gens l'ont consulté

Vous pouvez utiliser l'attribut pointer-events en CSS pour rendre le lien hypertexte indisponible ; il vous suffit de définir le style "pointer-events:none;" sur l'élément de balise où se trouve le lien hypertexte, afin que le L'élément lien hypertexte ne sera jamais disponible. Deviendra la cible des événements de souris, rendant ainsi le lien hypertexte indisponible.

Comment rendre les hyperliens indisponibles en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version css3, ordinateur Dell G3.

Recommandation du didacticiel : tutoriel vidéo CSS

Vous pouvez utiliser le style pointer-events:none; en CSS pour rendre les hyperliens indisponibles.

attribut pointer-events : Spécifie dans quelles circonstances un élément peut devenir la cible d'événements de souris. L'attribut

pointer-events utilise l'effet none : l'élément

ne sera jamais la cible d'événements de souris. Cependant, les événements de souris peuvent être dirigés vers des éléments descendants lorsque leur attribut pointer-events spécifie une valeur différente, auquel cas l'événement de souris déclenchera l'écouteur d'événements de l'élément parent pendant la phase de capture ou de bouillonnement.

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			a {
				pointer-events: none;
				cursor: default;
			}
		</style>
	</head>

	<body>
		<a href="//m.sbmmt.com/">php中文网</a>
	</body>

</html>
Copier après la connexion

Effet :

Comment rendre les hyperliens indisponibles en CSS

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal