Textarea（错误地？）从父类继承white-space css属性

Question

我在父div中有一个textarea。父div具有＆lt; white-space：nowrap＆＃39;。 textarea应该继承白色空间：nowrap＆＃39;？在IE11中，textarea继承了'nowrap＆＃39;。 Chrome忽略了继承的“现代”＆＃39;而是使用＆＃39; white-space：pre-wrap＆＃39;来自用户代理样式表。我知道我可以通过明确指定textarea的white-space属性来解决这个问题。 我是否必须明确设置textarea的空白，或者这是IE11错误？

以下JSFiddle演示了此问题。 （在IE11和Chrome中打开它，注意区别）。

http://jsfiddle.net/sTAB3/1/

以下是JSFiddle中的代码：

.a {
    white-space: nowrap;
}

<div class="a">
  <textarea id="log" rows="20" cols="50">If I may... Um, I'll tell you the problem with the scientific power that you're using here, it didn't require any discipline to attain it. You read what others had done and you took the next step. You didn't earn the knowledge for yourselves, so you don't take any responsibility for it. You stood on the shoulders of geniuses to accomplish something as fast as you could, and before you even knew what you had, you patented it, and packaged it, and slapped it on a plastic lunchbox, and now you're selling it</textarea>
</div>

Answer 1

这似乎是一个IE 11错误，它允许父元素的white-space属性由子textarea继承。这应被视为意外行为。

我会将white-space: pre-wrap应用于textarea并将其视为IE 11错误修正。

我找不到正式的错误报告（欢迎消息来源），但以下是这个错误引起的问题的两个例子。

示例1

Example source

从链接：

  

故障单描述textarea不包装IE11中的空格

     

示例2

Example source

  

Internet Explorer 11自动换行不起作用   在IE 11中，自动换行不再适用于textarea元素。在IE 10及更早版本中，FF，Safari和Chrome自动换行按预期工作。