時間:2022-05-07來源:www.www.newsthatmovesu.com作者:電腦系統城
可以通過設置元素的pointer-events屬性設置為none,來實現元素不可點擊。
此方法是通過設置元素的鼠標事件失效來實現元素不可點擊。
1 | pointer-events: none ; |
CSS pointer-events 屬性定義元素是否對指針事件做出反應。
屬性值 | 描述 |
---|---|
auto | 默認值。元素對指針事件做出反應,比如 :hover 和 click。 |
none | 元素不對指針事件做出反應。 |
initial | 將此屬性設置為其默認值。參閱 initial。 |
inherit | 從其父元素繼承此屬性。參閱 inherit。 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<!DOCTYPE html> < html > < head > < style > div.ex1 { pointer-events: none; } div.ex2 { pointer-events: auto; } </ style > </ head > < body > < h1 >pointer-events 屬性</ h1 > < p >請把鼠標指針移至下面的鏈接,查看是否對指針事件做出反應:</ p > < h2 >pointer-events: none:</ h2 > < div class = "ex1" >訪問 < a href = "https://www.w3school.com.cn/html/" >HTML 教程</ a ></ div > < h2 >pointer-events: auto(默認)</ h2 > < div class = "ex2" >訪問 < a href = "https://www.w3school.com.cn/css/" >CSS 教程</ a ></ div > </ body > </ html > |
到此這篇關于css如何設置不可點擊的實現方法的文章就介紹到這了,更多相關css設置不可點擊內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章,希望大家以后多多支持腳本之家!
2020-11-07
CSS3實現蓮花綻放的動畫效果2020-11-05
dedecms系統安全設置 防止入侵,掛馬的基本安全操作方法2020-11-04
dedecms織夢php7+刪除不了后臺欄目的解決方法dedecms php7以上版本備份數據還原不出來正常數據的解決方法,主要是針對php7以上版本的數據還原不正?,F象,介紹了修改的方法,需要的朋友可以參考下...
2020-11-04