如何从 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

IE7 不支持inherit 用于除direction 和visibility 之外的任何属性。

Source.

您可以将textarea 的background-color 改为transparent。