Comment rendre les hyperliens indisponibles en CSS-tutoriel CSS-php.cn

Comment rendre les hyperliens indisponibles en CSS

青灯夜游

Libérer： 2023-01-04 09:38:46

original

2525 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="https://www.php.cn/">php中文网</a>
	</body>

</html>

Copier après la connexion

Effet :

Comment rendre les hyperliens indisponibles en CSS