textarea不继承父元素的css颜色形式

Question

我在div中有一个textarea。 div css设置颜色，但是textarea似乎对此没有反应。

这是正确的行为吗？ 如何获得color属性从div应用于文本区域？

here is an example

.c1 {
  color: red;
}

<div class="c1">
  An now for something completly different :<br/>
  <textarea>
          the news : spam spam spam spam spam
        </textarea>
</div>

Answer 1

请尝试使用以下CSS。

.c1,textarea.classname {color:red;}

Answer 2

尝试此CSS代码

EXEC SQL

Answer 3

Textarea将不会继承，直到您将其标记为

.c1 textarea{
    color:inherit;
}

因此，您可以为div子字段和textarea字段应用颜色。如果我没有记错input标签，也不会继承default

的颜色

Answer 4

浏览器为输入，按钮，...提供默认样式 因此Textarea已设置color:initial。您需要在代码中指定Textarea的颜色。

.c1,
textarea{
  color:red;
}

Answer 5

这是因为textarea具有浏览器应用的默认样式，所以继承将不起作用：

您需要为文本区域指定颜色，或使用inherit获取div的颜色

.c1 {
  color: red;
}
textarea {
 color:inherit;
}

<div class="c1">
  An now for something completly different :<br/>
  <textarea>
          the news : spam spam spam spam spam
        </textarea>
</div>