Textarea 在某些浏览器中是可拖动的答案

【问题标题】：Textarea is draggable in certain browsersTextarea 在某些浏览器中是可拖动的
【发布时间】：2023-03-23 21:00:02
【问题描述】：

我的网页上有一个文本区域。它在不同的浏览器中显示不同。我不太关心它在各种浏览器中的样子。在某些浏览器（例如 Firefox）中，有一个我不想要的可拖动角落，有没有办法“关闭”它？我使用 cols 和 rows 属性设置 textarea 的大小。

我使用的文档类型是严格的。

【问题讨论】：

【解决方案1】：

你可能不想要它在这里，但我想要它在这里。我希望能够通过字体调整文本区域的大小，放大页面并滚动我想要的内容。

你不应该告诉我如何在你的网站上使用浏览器。

如果您担心它会破坏您的设计，请放松。我们知道。没有人期望该网站在任何情况下都能正常工作。当我使用拖动处理程序时，我这样做是为了获得可用性，并且我接受为此打破设计。

您无法控制用户正在使用的客户端。你也许可以使用resize:none，但有一些扩展可以绕过它。

因此，经验法则是：创建一个漂亮的设计，而忘记指定人们使用页面的方式。这就是人们在桌面上所做的事情，您实际上可以在客户端上进行操作。在这里你不需要，我们按照我们想要的方式解释你的代码。

【讨论】：

【解决方案2】：

尝试添加textarea {resize:none} css 样式。您还可以使用horizontal、vertical 或both 作为值。

【讨论】：

我从来没有真正使用过它，所以没有费心去检查，但是是的，它看起来确实是 CSS3。
@Marek：那么如果您的用户将 textarea 拖出您设计的边界限制，您会怎么做？然后看起来很可怕。
你确定你是想用这个评论回复我吗？但我有点同意 e-satis - 如果用户这样做有什么关系？这是用户有意识的决定，他们会期望设计看起来不太理想。
“但是如果设计看起来很糟糕，会不会让用户认为编码员无法编码并且再也不会返回？”如果我第一次加载页面时看起来像垃圾，也许。如果它看起来像垃圾，因为我（作为用户）故意破坏它 - 当然不是。
将 Stackoverflow 上的评论文本区域调整到右侧。它打破了一切。尽管如此，SO 以其人体工程学而闻名，同时它的内容也很好。