如何阻止水平滚动条出现在IE9文本区域？

Question

在IE 9中，在textarea框中，当我输入行的末尾时（在水平滚动条被激活之前），我按Enter键插入一个新行以避免滚动条但它仍然出现光标移动到新行后。我该如何防止这种行为？

Answer 1

设置虚拟包装

<textarea cols=80 rows=12 wrap="virtual">

或使用CSS

overflow-y: scroll;
overflow-x: hidden;

Answer 2

默认情况下，IE 9会在textarea中包装文本，甚至在需要时会破坏内部单词以使文本水平适合，并且不会出现水平滚动条。因此，您必须在代码中包含一些内容以防止这种情况，可能是属性wrap=off。在这种情况下，水平滚动条确实出现在所描述的情况中。为防止这种情况，请添加

textarea { overflow-x: hidden }

但请注意，这意味着当输入的文本长于适合该区域的文本时，它会静默滚动，以隐藏该行的开头。从可用性的角度来看，这似乎比修复的问题更严重。