Comment définir les hyperliens pour qu'ils ne soient pas cliquables en CSS-Questions et réponses frontales-php.cn

Comment définir les hyperliens pour qu'ils ne soient pas cliquables en CSS

藏色散人

Libérer： 2023-01-05 16:12:48

original

2562 Les gens l'ont consulté

Comment définir le lien hypertexte pour qu'il ne soit pas cliquable en utilisant CSS : utilisez d'abord l'attribut "cursor:pointer;" pour transformer la souris en flèche, puis utilisez l'attribut "pointer-events:none;" rendre le lien hypertexte invalide et non cliquable.

Comment définir les hyperliens pour qu'ils ne soient pas cliquables en CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.

Utilisez les paramètres CSS pour rendre les hyperliens non cliquables ou invalides

curseur : pointer;
pointer-events: none;
La première ligne consiste à faire en sorte que la souris se transforme en flèche au lieu d'une petite forme de main
La deuxième ligne consiste à invalider le code du lien hypertexte

Non seulement une balise et une balise iframe sont également valides. L'exemple est le suivant :

<!DOCTYPE html><html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a class="weather" href="http://www.baidu.com" >测试</a>
		<iframe class="weather" allowtransparency="true" frameborder="0" width="385" height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=2&t=0&v=0&d=3&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=0&a=0&c=60813&w=385&h=96&align=center"></iframe>
	</body>
	<style type="text/css">
	.weather{
	    color:gray;
	    cursor:pointer;
	    pointer-events: none;
	}	</style></html>

Copier après la connexion

Comment définir les hyperliens pour quils ne soient pas cliquables en CSS

Effet d'affichage original : après avoir survolé la souris, ce sera un petit. forme de la main, le style changera, et il sautera après avoir cliqué Vers l'hyperlien

Comment définir les hyperliens pour quils ne soient pas cliquables en CSS