问答详情
源自：7-6 CSS3选择器 :read-write选择器

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

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;

}


提问者：qq_小葡萄_1 2018-09-23 09:15

个回答

  • 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{}规定当元素处于非只读状态的样式。



    0
  • 请让我安静一会儿
    2019-09-21 17:18:16

    1. 第一个设置文本框，type属性为text的Input元素的样式；

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

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

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

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

    1
  • 黑黑黑黑黑
    2019-02-28 18:30:32

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

    2