Как наследовать цвет фона текстовой области от родительского элемента в Internet Explorer?

Question

Рассмотрим следующий пример: ( Live демо здесь )

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.

Источник .

Вы можете установить textarea 'вместо background-color до transparent.