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

Question

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

Answer 1

设置 wrap virtual like

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

或使用 CSS 之类的

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

Answer 2

默认情况下，IE 9textarea会在需要使文本水平适应时将文本换行，甚至打破内部单词，并且不会出现水平滚动条。所以你的代码中必须有一些东西来防止这种情况，可能是属性wrap=off。在这种情况下，水平滚动条确实出现在所描述的情况中。为了防止这种情况，添加

textarea { overflow-x: hidden }

但请注意，这意味着当输入的文本超过该区域的大小时，它会静默滚动，从而隐藏行首。从可用性的角度来看，这似乎比修复的问题更严重。