溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css如何設置超鏈接不可點擊，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等
css設置超鏈接不可點擊的方法：首先通過“cursor:pointer;”屬性使鼠標變成箭頭；然后通過“pointer-events:none;”屬性使超鏈接失效不可點擊即可。
本文操作環境：windows7系統、HTML5&&CSS3版，DELL G3電腦。
利用css設置使超鏈接不能點擊或者失效
cursor:pointer;
pointer-events: none;
第一行是使鼠標變成箭頭而不再是小手形狀
第二行是使超鏈接失效代碼
不僅是a標簽，iframe標簽也有效，示例如下：
<!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>
原來的顯示效果：鼠標懸停后是小手形狀，樣式改變，點擊后跳轉到超鏈接
感謝你能夠認真閱讀完這篇文章，希望小編分享的“css如何設置超鏈接不可點擊”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
