• 技术文章 >web前端 >前端问答

    css3怎么设置input不可编辑

    长期闲置长期闲置2022-04-28 17:52:41原创188

    在css3中,可用“pointer-events”属性设置input不可编辑,该属性可定义元素是否对指针做出反应,属性值设置为none时,元素不对指针事件做出反应,也即不可编辑,语法“input{pointer-events:none}”。

    本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。

    css3怎么设置input不可编辑

    pointer-events 属性定义元素是否对指针事件做出反应。

    语法为:

    pointer-events: auto|none;

    属性值 描述如下:

    示例如下;

    <!DOCTYPE html>
    <html>
    <head>
    <style> 
    .input1 {
      pointer-events: none;
    }
    .input2{
      pointer-events: auto;
    }
    </style>
    </head>
    <body>
    不可编辑:<input type="text" class="input1"><br>
    可编辑:<input type="text" class="input2">
    </body>
    </html>

    输出结果:

    +5.gif

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

    以上就是css3怎么设置input不可编辑的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS3
    上一篇:css3怎么设置动画旋转速度 下一篇:jquery怎么判断某个元素是否显示
    千万级数据并发解决方案

    相关文章推荐

    • css3动画效果有变形吗• tweenmax能改变css3属性吗• css3中渐变怎么改变角度• css3动画和jquery动画有什么区别• css3支持哪些浏览器内核
    1/1

    PHP中文网