这段代码不是很懂，大神解释一下
qq_小葡萄_1
2018-09-23 09:15
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回答
-
- Eggbeauty
- 2018-10-08 15:43:49
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{}规定当元素处于非只读状态的样式。
-
- 请让我安静一会儿
- 2019-09-21 17:18:16
第一个设置文本框，type属性为text的Input元素的样式；
设置在火狐下文本框，在只读状态的样式；
设置通用浏览器下的只读状态样式
设置在火狐浏览器下非只读状态下的样式；
设置在所有浏览器下非只读状态下的样式
-
- 黑黑黑黑黑
- 2019-02-28 18:30:32
只读和非只读状态有啥不同
十天精通CSS3
242555 学习 · 2623 问题
相似问题