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

該圖說明了我目前的挑戰 我想保留textarea的背景色，假設應用了readonly屬性。

Answer 1

嘗試添加

textarea,textarea[readonly] {

...

}

到css。 這將確保瀏覽器的默認只讀CSS被否決。