首頁  >  文章  >  web前端  >  css怎麼讓超連結不可用

css怎麼讓超連結不可用

青灯夜游
青灯夜游原創
2021-01-05 16:45:482546瀏覽

css中可使用pointer-events屬性來讓超連結不可用;只需要給超連結所在標籤元素設定「pointer-events:none;」樣式即可,這樣可以讓超連結元素永遠不會成為滑鼠事件的target,進而讓超連結不可用。

css怎麼讓超連結不可用

本教學操作環境:Windows7系統、css3版本、Dell G3電腦。

教學建議:css影片教學

在css中可以使用pointer-events:none;樣式來讓超連結不可用。

pointer-events屬性:指定在什麼情況下元素可以成為滑鼠事件的 target。

pointer-events屬性使用none效果:

元素永遠不會成為滑鼠事件的target。但是,當其後代元素的pointer-events屬性指定其他值時,滑鼠事件可以指向後代元素,在這種情況下,滑鼠事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。

範例:

<!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>

效果:

css怎麼讓超連結不可用

#更多程式設計相關知識,請造訪: 程式教學! !

以上是css怎麼讓超連結不可用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn