首頁 >web前端 >css教學 >css如何讓a標籤不可點擊

css如何讓a標籤不可點擊

青灯夜游
青灯夜游原創
2021-04-26 11:50:389221瀏覽

css讓a標籤不可點擊的方法:首先使用“color:gray”語句設定顏色為灰色;然後使用“pointer-events:none”語句停用事件回應;最後使用“cursor:default”語句設定滑鼠樣式為預設樣式即可。

css如何讓a標籤不可點擊

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css中a標籤沒有disabled屬性,如果想要讓a標籤不可用,則必須單獨設定a標籤的樣式使它為不可用。

1、設定顏色為灰色

2、停用事件回應

3、設定滑鼠樣式為預設樣式- 選擇使用的箭頭樣式

#範例:

<a href="#" style="pointer-events: none;cursor: default;color:gray;">点击</a>
<a href="#">点击</a>

效果圖:

css如何讓a標籤不可點擊

(學習影片分享:css影片教學

以上是css如何讓a標籤不可點擊的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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