在Internet Explorer 8中,输入在textarea中不起作用

Question

当我在具有whitespace属性的textarea中按Enter键设置为nowrap通过css时,它是无效的.没有创建新行.Instread会出现一个简单的空格.这只适用于IE8.我已经尝试过当前版本的Opera,Chrome和Firefox,但我没有遇到过这样的问题.你有解决方案吗？

谢谢..

我有这个:

.gwt-TextArea
{
white-space:nowrap;
}

其中gwt-TextArea设置textarea.

另外,我试过了

.gwt-TextArea
    {
    white-space:pre;
    }

它似乎给出了相同的结果.

Answer 1

本文说Internet Explorer忽略换行符with white-space: nowrap.

他们的解决方法是使用white-space: pre.这会让你获得理想的行为吗？

Answer 2

因此,不幸的是,解决方案是这样的 -
对于Internet Explorer 7,除此之外的任何white-space值pre都会导致此问题.
对于Internet Explorer 8,除此之外的任何white-space值pre-wrap都将导致此问题.

不过,我没有尝试过Internet Explorer 9.
如果发生这种情况,只需创建一个带有(doctype和)a的空白页面<textarea>,打开它并按F12.在控制台("脚本"选项卡)中,键入console.log(document.getElementsByTagName("TEXTAREA")[0].currentStyle.whiteSpace)并简单地使用输出中显示的值作为white-space属性的值<textarea>.

更新

我试过的Internet Explorer 11.仿真模式,因为Internet Explorer 7的模式,它的行为就像Chrome的怪癖模式(意思是,只有white-space: normal和white-space: nowrap导致此问题).我猜他们(无意中？)向大多数仿真模式后退了一些修复.