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

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

WBOY
WBOY原創
2016-05-16 16:37:441596瀏覽

其實這個問題在初次學習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標籤的停用


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