为了账号安全,请及时绑定邮箱和手机立即绑定

这段代码不是很懂,大神解释一下

input[type="text"]{

  border: 1px solid green;

  padding: 5px;

  background: #fff;

  border-radius: 5px;

}

input[type="text"]:-moz-read-only{

  border-color: red;

}

input[type="text"]:read-only{

  border-color: #ccc;

}

input[type="text"]:-moz-read-write{

  border:2px solid red;

}

input[type="text"]:read-write{

  border:2px solid red;

}


正在回答

3 回答

input[type="text"]{} 规定类型为text的input元素的样式。

input[type="text"]:-moz-read-only{}和input[type="text"]:read-only{}规定当元素处于只读状态的样式。IE9+、Opera、Google Chrome 以及 Safari 中支持 :read-only 选择器,Firefox 支持替代的:-moz-read-only。

input[type="text"]:-moz-read-write{}和input[type="text"]:read-write{}规定当元素处于非只读状态的样式。



0 回复 有任何疑惑可以回复我~
  1. 第一个设置文本框,type属性为text的Input元素的样式;

  2. 设置在火狐下文本框,在只读状态的样式;

  3. 设置通用浏览器下的只读状态样式

  4. 设置在火狐浏览器下非只读状态下的样式;

  5. 设置在所有浏览器下非只读状态下的样式

1 回复 有任何疑惑可以回复我~

只读和非只读状态有啥不同

2 回复 有任何疑惑可以回复我~
#1

ly今夕何夕

比如输入框,你设置了readonly属性,客户端那边,只能显示你原先设定好的内容,他们更改不了! 非只读状态就是排除设置了readonly属性的input,其他的都是非只读的input
2019-08-05 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这段代码不是很懂,大神解释一下

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信