在 textarea 中禁用或隐藏滚动条答案

【问题标题】：disable or hide scroll bar in textarea在 textarea 中禁用或隐藏滚动条
【发布时间】：2011-03-03 09:10:08
【问题描述】：

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

【问题讨论】：

【解决方案1】：

要完全隐藏它，请使用以下 CSS：

溢出：隐藏；

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

溢出：自动；

已排序。

【讨论】：

【解决方案2】：

不建议隐藏多余的文本。你为什么不尝试使用 jquery 插件来根据用户输入自动高度文本区域...在下面找到几个脚本链接...

【讨论】：

【解决方案3】：

这将隐藏文本区域的所有滚动条。

textarea { 
overflow:hidden;
}

您也可以使用 textarea 的 id 或 class 使其只有一个：

textarea#txt {
overflow:hidden;
}

请记住，这些都是强烈不推荐的！如果用户尝试键入的内容超出了您的文本区域，他们将无法看到他们正在写的内容。你不知道有多少人想在表单中写。

【讨论】：

【解决方案4】：

使用

overflow:hidden 用于文本区域。

HTML

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

CSS

#txtArea { overflow: hidden; }

这样做，用户将无法查看溢出的文本。所以最好制作overflow: auto。这会在必要时显示滚动条。

【讨论】：