如何删除文本区域右下角的调整大小选项？

Question

我正在尝试删除位于右下角的 textarea 中的点。

这是我的意思的一个例子（来自 Chrome）：

如何去除那些对角线？

原文由 Jayaram 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只需添加您的 CSS 文件

textarea { resize: none; }

稍后（2019 年）编辑：与我的这个答案和越来越多的 GitHub 代码搜索结果有关 resize: none 声明应用于 textarea 元素，我写了一些关于我为什么认为 CSS 的行resize none on textarea 对用户体验不利：

通常，textarea 的行数和列数有限，或者它具有通过 CSS 定义的固定宽度和高度。仅根据我自己的经验，在回答论坛、在网站上编写联系表格、填写实时聊天弹出窗口甚至在 Twitter 上发送私人消息时，这非常令人沮丧。

有时您需要键入一个包含许多段落的长回复，并将该文本包装在一个很小的文本框内，这使得您在键入时难以理解和跟进。例如，有很多次我不得不在 Notepad++ 中编写该文本，然后将整个回复粘贴到那个小文本区域中。我承认我还打开了 DevTools 来覆盖 resize: none 声明，但这并不是真正有效的做事方式。

来自 https://catalin.red/css-resize-none-is-bad-for-ux/

所以你可能想在将上面的内容添加到你的样式表之前检查一下。

原文由 Red 发布，翻译遵循 CC BY-SA 4.0 许可协议