Heim >Web-Frontend >CSS-Tutorial >So deaktivieren Sie Hyperlinks in CSS
So deaktivieren Sie Hyperlinks in CSS
- 青灯夜游Original
- 2021-01-05 16:45:482574Durchsuche
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.
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>Effekt:
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!