跨浏览器nowrap textarea

8 html css html5 textarea cross-browser

我正在寻找一个使textarea的跨浏览器解决方案:

  • 在输入时换行文本
  • 滚动条都隐藏,直到文本溢出

我试过几乎所有东西都可以在SO中找到...

失败#1:

textarea{
  white-space:nowrap;
  overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)

在FF中不起作用

失败#2:

textarea{
  white-space:nowrap;
  overflow: auto; // or scroll
}
+WRAP=OFF attribute
Run Code Online (Sandbox Code Playgroud)

在这里我无法进入IE(jsFiddle)

失败#3:

textarea{
  white-space:pre;
  overflow: auto;
}
+WRAP=OFF attribute
Run Code Online (Sandbox Code Playgroud)

如果我到达最后,在IE中自动换行

mat*_*mmo 7

我所做的就是删除你的white-space: nowrap;工作:).

textarea{
overflow: auto;
}
Run Code Online (Sandbox Code Playgroud)
<textarea wrap="off">
Lorem asldm,és améld masémd éasmdá qw3?ri2?3pjm powemfnsd f
dsf lsdmflkms dlkfmsldk mflksdmfk lmsklf
</textarea>
Run Code Online (Sandbox Code Playgroud)


ide*_*awu 5

<textarea wrap="off"><textarea>
Run Code Online (Sandbox Code Playgroud)