在
css中,可利用「pointer-events」屬性來禁止button元素點擊,該屬性用於設定元素是否對指標事件做出反應,當屬性的值為none時,會讓元素禁止被點擊,語法為「button元素{pointer-events:none;}」。
本教學操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
css怎樣禁止button點擊
在css中,可以利用pointer-events屬性設定button元素禁止點擊,pointer-events 屬性定義元素是否會對指標事件做出反應。
該屬性的語法如下:
pointer-events: auto|none;
屬性的值:
#範例如下:
<html> <head> <style> .css1{ pointer-events:none; } </style> </head> <body> <button class="css1">已经设置不可点击的按钮</button> <button class="css2">没有设置不可点击的按钮</button> </body> </html>
輸出結果:
(學習影片分享:css影片教學)
以上是css怎樣禁止button點擊的詳細內容。更多資訊請關注PHP中文網其他相關文章!