首頁 > web前端 > html教學 > 使用純css禁用html中a標籤無需JavaScript_HTML/Xhtml_網頁製作

使用純css禁用html中a標籤無需JavaScript_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:37:44
原創
1634 人瀏覽過

其實這個問題在初次學習html中select標籤時就已經冒出來了,時至今日,依然沒有找到使用純css禁用a標籤的辦法——同事、同學、老師我都問過了,他們都千篇一律借助了JavaScript,真的必須要藉助JavaScript嗎?

1、純css實作html中a標籤的停用:

複製程式碼
複製程式碼


程式碼如下:




如何停用a標籤



百度
       
點擊


上面雖然使用純css實現了對a標籤的停用,不過由於opera、ie瀏覽器不支援pointer-events樣式,所以上面程式碼在這兩類瀏覽器中起不到禁用a標籤的作用。 2、借助Jquery和css實現html中a標籤的禁用:

複製代碼


代碼如下:




02 ——使用Jquery和css實作html中a標籤的停用


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板