如何从Internet Explorer中的父元素继承textarea的背景颜色？

Question

请考虑以下示例：（Live demo here）

HTML：

<div id="wrapper">
    <textarea></textarea>
</div>

CSS：

div {
    background-color: #777;
}
textarea {
    background-color: inherit;
}

我希望textarea继承包装器的背景颜色。

在Firefox中运行良好。

但是，在Internet Explorer 7中，背景颜色为白色。为什么？

我该如何解决？

Answer 1

除了inherit和direction之外，IE7不支持visibility。

Source

您可以将textarea的{​​{1}}设置为background-color。