Html 为什么我需要背景色设置？

我对这件事很困惑。我正试图让一个div中的文本区域在IE7、IE8和IE9中工作，无意中我将样式背景从无更改为颜色。这就成功了

有人能解释一下吗？

我为混乱的设置感到抱歉。在我理解了背景问题后，我会将所有样式提升到css文件中

不起作用

<textarea id="chatWindowMessageArea" style="position: absolute; display: block; margin: 0;
                    padding: 0; border: none; float: none; clear: none; left: 35px; top: 302px; width: 315px;
                    max-width: 315px; min-width: 315px; height: 63px; max-height: 63px; min-height: 63px;
                    z-index: 2; background-color: transparent; background: none; font-style: normal;
                    font-weight: normal; font-size: 100%; line-height: normal; text-shadow: none;
                    list-style: none; text-align: left; outline: none; text-indent: 0px; -moz-box-shadow: none;
                    -webkit-box-shadow: none; font-family: arial,sans-serif; font-size: 12px; font-weight: normal;
                    color: black; vertical-align: top; resize: none; overflow: auto;" type="text"
                    name="chat">
                </textarea>

有效

<textarea id="chatWindowMessageArea" style="position: absolute; display: block; margin: 0;
                    padding: 0; border: none; float: none; clear: none; left: 35px; top: 302px; width: 315px;
                    max-width: 315px; min-width: 315px; height: 63px; max-height: 63px; min-height: 63px;
                    z-index: 2; background-color: transparent; background: #FFFFFF; font-style: normal;
                    font-weight: normal; font-size: 100%; line-height: normal; text-shadow: none;
                    list-style: none; text-align: left; outline: none; text-indent: 0px; -moz-box-shadow: none;
                    -webkit-box-shadow: none; font-family: arial,sans-serif; font-size: 12px; font-weight: normal;
                    color: black; vertical-align: top; resize: none; overflow: auto;" type="text"
                    name="chat">
                </textarea>

---

背景：无

表示您的背景将完全透明

---

因此，没有任何东西可以点击；实际上，您正在单击不可见框后面的任何内容。

背景：无

表示您的背景将完全透明

---

因此，没有任何东西可以点击；实际上，您正在单击不可见框后面的任何内容。

背景：无

表示您的背景将完全透明

---

因此，没有任何东西可以点击；实际上，您正在单击不可见框后面的任何内容。

背景：无

表示您的背景将完全透明

---

因此，没有任何东西可以点击；你实际上是在点击不可见框后面的任何东西。

有什么问题吗？我无法将标记放在文本区域内开始书写。更改背景后，我可以。您不必为TextArea使用

type=“text”

，您有很多不必要的东西。。。这个JSFIDLE在IE9中工作，并且删除了所有多余的内容：问题是您指定了一个背景。您指定了

背景：无。正如@Slaks所指出的，这意味着它什么都没有，因此textarea body/content实际上并不存在。如果删除该声明，它将正常工作。问题是什么？我无法将标记放在文本区域内开始写入。更改背景后，我可以。您不必为TextArea使用
type=“text”
，您有很多不必要的东西。。。这个JSFIDLE在IE9中工作，并且删除了所有多余的内容：问题是您指定了一个背景。您指定了
背景：无。正如@Slaks所指出的，这意味着它什么都没有，因此textarea body/content实际上并不存在。如果删除该声明，它将正常工作。问题是什么？我无法将标记放在文本区域内开始写入。更改背景后，我可以。您不必为TextArea使用
type=“text”
，您有很多不必要的东西。。。这个JSFIDLE在IE9中工作，并且删除了所有多余的内容：问题是您指定了一个背景。您指定了
背景：无。正如@Slaks所指出的，这意味着它什么都没有，因此textarea body/content实际上并不存在。如果删除该声明，它将正常工作。问题是什么？我无法将标记放在文本区域内开始写入。更改背景后，我可以。您不必为TextArea使用
type=“text”
，您有很多不必要的东西。。。这个JSFIDLE在IE9中工作，并且删除了所有多余的内容：问题是您指定了一个背景。您指定了
背景：无。正如@Slaks所指出的，这意味着它什么都没有，因此textarea body/content实际上并不存在。如果删除该声明，它将正常工作。