首頁 > web前端 > css教學 > 主體

css怎樣禁止button點擊

WBOY
發布: 2021-12-10 16:10:33
原創
10907 人瀏覽過

css中,可利用「pointer-events」屬性來禁止button元素點擊,該屬性用於設定元素是否對指標事件做出反應,當屬性的值為none時,會讓元素禁止被點擊,語法為「button元素{pointer-events:none;}」。

css怎樣禁止button點擊

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

css怎樣禁止button點擊

在css中,可以利用pointer-events屬性設定button元素禁止點擊,pointer-events 屬性定義元素是否會對指標事件做出反應。

該屬性的語法如下:

pointer-events: auto|none;
登入後複製

屬性的值:

css怎樣禁止button點擊

#範例如下:

<html>
    <head>
        <style>
        .css1{
          pointer-events:none;
          }
        </style>
    </head>
    <body>
        <button class="css1">已经设置不可点击的按钮</button>
        <button class="css2">没有设置不可点击的按钮</button>
    </body>
</html>
登入後複製

輸出結果:

css怎樣禁止button點擊

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

以上是css怎樣禁止button點擊的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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