• 技术文章 >web前端 >css教程

    css怎样禁止button点击

    长期闲置长期闲置2021-12-10 16:10:33原创4553

    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;

    属性的值:

    12.png

    示例如下:

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

    输出结果:

    +6.gif

    (学习视频分享:css视频教程

    以上就是css怎样禁止button点击的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css怎样让文本自动改变大小 下一篇:css样式中星号代表什么
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• css3怎样设置环形圆• css怎样在按钮点击时修改边框• 在css中top是什么意思• css怎么把一张图片放在底部• css怎样让文本自动改变大小
    1/1

    PHP中文网