Heim > Web-Frontend > CSS-Tutorial > So deaktivieren Sie Hyperlinks in CSS

So deaktivieren Sie Hyperlinks in CSS

青灯夜游
Freigeben: 2023-01-04 09:38:46
Original
2570 Leute haben es durchsucht

Sie können das Attribut pointer-events in CSS verwenden, um Hyperlinks nicht verfügbar zu machen; Sie müssen nur den Stil „pointer-events:none;“ auf das Label-Element setzen, in dem sich der Hyperlink befindet, damit das Hyperlink-Element niemals verfügbar wird ein Mausereignisziel, wodurch der Hyperlink nicht verfügbar ist.

So deaktivieren Sie Hyperlinks in CSS

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

Tutorial-Empfehlung: CSS-Video-Tutorial

Sie können pointer-events:none;-Stile in CSS verwenden, um Hyperlinks nicht verfügbar zu machen.

pointer-events-Attribut: Gibt an, unter welchen Umständen ein Element zum Ziel von Mausereignissen werden kann. Das Attribut

pointer-events verwendet den None-Effekt:

Das Element wird niemals das Ziel von Mausereignissen sein. Mausereignisse können jedoch an untergeordnete Elemente weitergeleitet werden, wenn deren pointer-events-Attribut einen anderen Wert angibt. In diesem Fall löst das Mausereignis den Ereignis-Listener des übergeordneten Elements während der Erfassungs- oder Bubbling-Phase aus.

Beispiel:

<!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>
Nach dem Login kopieren

Effekt:

So deaktivieren Sie Hyperlinks in CSS

Weitere Programmierkenntnisse finden Sie unter: Programmierunterricht! !

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie Hyperlinks in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage