Heim >Web-Frontend >Front-End-Fragen und Antworten >So stellen Sie Hyperlinks in CSS so ein, dass sie nicht anklickbar sind
So stellen Sie Hyperlinks in CSS so ein, dass sie nicht anklickbar sind
- 藏色散人Original
- 2021-04-29 11:27:012597Durchsuche
So stellen Sie den Hyperlink so ein, dass er nicht anklickbar ist: Verwenden Sie zunächst das Attribut „cursor:pointer;“, um die Maus in einen Pfeil zu verwandeln ungültig und nicht anklickbar.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer.
Verwenden Sie CSS-Einstellungen, um Hyperlinks nicht anklickbar oder ungültig zu machen.
cursor:pointer;
pointer-events: none;
Die erste Zeile besteht darin, die Maus in einen Pfeil statt in eine kleine Hand zu verwandeln Form
Die zweite Zeile ist der Code zum Ungültigmachen des Hyperlinks
Nicht nur das a-Tag, sondern auch das iframe-Tag ist wie folgt:
<!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=<f=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>
Der ursprüngliche Anzeigeeffekt: nach dem Bewegen der Maus , es ist eine kleine Handform, der Stil ändert sich, nachdem Sie auf „Zum Hyperlink springen“ geklickt haben
Der Anzeigeeffekt nach der Änderung: Der Mauszeiger hat die Form eines Pfeils und beim Klicken erfolgt keine Reaktion
Für detailliertere HTML/CSS-Kenntnisse besuchen Sie bitte die Rubrik „CSS-Video-Tutorial“!
Das obige ist der detaillierte Inhalt vonSo stellen Sie Hyperlinks in CSS so ein, dass sie nicht anklickbar sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!