加入收藏 | 设为首页 | 会员中心 | 我要投稿 青岛站长网 (https://www.0532zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

CSS中按钮不可点击效果怎样完成,方法是啥?

发布时间:2022-02-08 14:18:36 所属栏目:语言 来源:互联网
导读:CSS中按钮不可点击效果怎样实现?在一些特殊的情景下,我们需要暂时设置按钮不可点击,那么CSS怎样禁止button点击呢?文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。 本教程操作环境:windows10系统、CSS3HTML5版、De
        CSS中按钮不可点击效果怎样实现?在一些特殊的情景下,我们需要暂时设置按钮不可点击,那么CSS怎样禁止button点击呢?文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
 
        本教程操作环境: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>

(编辑:青岛站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读