禁用或隐藏滚动条textarea的

Question

如何禁用或隐藏滚动条textarea的

Answer 1

这将隐藏textareas的所有滚动条。

textarea { 
overflow:hidden; 
} 

您还可以使用textarea的ID或类，使其只说一句：

textarea#txt { 
overflow:hidden; 
} 

请记住，这些都是HIGHLY非推荐！如果用户尝试输入比在textarea内更多的内容，他们将无法看到他们正在写什么。你不知道有多少人可能想写一个表格。

Answer 2

使用

overflow:hidden的textarea的。

见The overflow declaration

HTML

<textarea id="txtArea" rows="10" cols="20"></textarea>

CSS

#txtArea { overflow: hidden; }

通过这样做，用户将不能够查看正在溢出的文字。所以更好地制作overflow: auto。这在必要时显示滚动条。

Answer 3

隐藏多余的文字，不建议..你为什么不尝试根据用户输入使用jQuery插件自动高度textarea的......请看下面几个环节脚本...

1. Auto Height

2. Auto Resize

Answer 4

完全隐藏它，使用下面的CSS：

溢出：隐藏;

如果你正在试图做的是去除显示在一个空文本区域的滚动条，但希望保留滚动较大的文本块的能力，然后使用：

溢出：汽车;

Sorted。