如何水平滚动文本区域？

Question

如何水平滚动文本区域？我用谷歌搜索,但找不到一个好的解决方案.

我尝试了以下css,但它无法正常工作.

overflow-x: scroll;

<textarea></textarea>

Answer 1

将以下行添加到CSS:

white-space: nowrap; /* will prevent the default wrapping of text to next line */
overflow-x: auto; /* will make horizontal scroll-bar appear only when needed */

演示小提琴