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

对于除direction和visibility以外的任何属性，IE7不支持inherit。

Source。

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