返回
首页 > 儿童教育

css3怎么设置input不可编辑

时间: 2023-02-01

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

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

css3怎么设置input不可编辑

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

语法为:

pointer-events: auto|none;

属性值 描述如下:

  • auto 默认值。元素对指针事件做出反应,比如 :hover 和 click。

  • none 元素不对指针事件做出反应。

  • initial 将此属性设置为其默认值。

  • inherit 从其父元素继承此属性。

示例如下;

<!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不可编辑的详细内容

猜你喜欢

版权所有 Copyright©2023 餐饮美食网 版权所有

粤ICP备15109582号

联系邮箱:187348839@qq.com