禁用或隐藏textarea中的滚动条

Question

如何在textarea中禁用或隐藏滚动条

Answer 1

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

textarea { 
overflow:hidden;
}

您还可以使用textarea的id或类来仅使用它：

textarea#txt {
overflow:hidden;
}

请注意，这些 HIGHLY 未经推荐！如果用户尝试输入的内容超出了你的文本区域，他们将无法看到他们正在写的内容。你不知道有多少人可能想写一个表格。

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：

溢出：隐藏;

如果您要做的只是删除空文本区域上显示的滚动条，但想要保留滚动查看更大文本块的功能，请使用：

溢出：汽车;

排序。