在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>输出结果:

(学习视频分享:css视频教程)
以上就是css3怎么设置input不可编辑的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!