html - CSS:textarea 的只读属性影响/更改背景颜色

Question

如图所示，我将只读属性应用于文本区域

<textarea readonly>text area content</textarea>

这是textarea的css代码

textarea{
  font-size: 15px;
  font-family: "Helvetica Neue";
  margin: 0 0 0.2rem 0;
  color: #000;
  width: auto;
  word-wrap: break-all;

    resize: none;
    overflow: hidden;
    min-height: 5px;
    height: 1px;
    max-height: inherit;
    background: #c3fdb8;
}

这张图片说明了我目前的挑战 假设应用了只读属性，我想保留文本区域的背景颜色。

Answer 1

尝试添加

textarea,textarea[readonly] {

...

}

到CSS。这将确保浏览器的默认只读 CSS 被否决。