CSS：textarea的readonly属性影响/改变背景颜色

Question

我将readonly属性应用于textarea，如图所示

<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;
}

图片展示了我目前的挑战 假设应用了readonly属性，我想保留textarea的背景颜色。

Answer 1

尝试添加

textarea,textarea[readonly] {

...

}

给css。这样可以确保推翻浏览器的默认只读CSS。