如何從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。