css设置输入框 不可编辑 的方法：首先创建一个HT ML 示例文件；然后定义一个 input标签 ；接着给input加上css样式“pointer-events: none;”即可。
本文操作环境：windows7系统、HTML5 && CSS3版本、Dell G3 电 脑。
css让input不可编辑
给input加上css样式pointer-events: none;即可
input{
pointer-events: none;
}使用pointer-events来阻止元素成为鼠标事件目标不一定意味着元素上的事件侦听器永不会触发。如果元素后代 明确 指定了pointer-events属性并允许其成为鼠标事件的目标，那么指向该元素的任何事件在事件传播 过程中 都将通过父元素，并以适当的方式触发其上的事件侦听器。当然位于屏幕上在父元素上但不 在后 代元素上的鼠标 活动 都不会被父元素和后代元素捕获（将会穿过父元素而指向位于其下面的元素）。
HTML中让input不可编辑
1、给input标签添加disabled 属性
disabled 属性规定 应该 禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收 焦点 ,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input ty PE ="hidden"> 一起使用。
示例：
<input type="text" disabled="disabled" />
2、给input标签添加 readonly 属性
readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以 防 止用户对值进行修改。
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
示例：
<input type="text" readonly="readonly">
推荐：《css视频教程》
以上就是css如何设置输入框不可编辑的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 css如何设置输入框不可编辑 全部内容，希望文章能够帮你解决 css如何设置输入框不可编辑 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。