如何禁用用户动态调整大小的多行输入？答案

【问题标题】：How to disable multiline input being dynamically resized by user?如何禁用用户动态调整大小的多行输入？
【发布时间】：2011-03-24 18:50:24
【问题描述】：

我的 html 表单上有一个多行输入，一些浏览器（firefox 4 和 chrome）允许用户动态调整它的大小。这很好，但它破坏了我的布局。是否可以禁用此功能？

谢谢

【问题讨论】：

【解决方案1】：

如果用户调整字段大小，可能是因为他们希望（或需要）它更大¹。

在这种情况下，您应该考虑您的用户知道他们在做什么，这样做是因为他们想要/需要，并且他们会接受布局有点损坏，前提是它允许他们使用该文本区域。

不过，如果你想这样做 （你不应该），请引用 How do I disable textarea resizing? ：

textarea {
    resize: none;
}

^1._{我看不太清楚，当我放大，或者做一些更大的东西时，因为我也需要 --而且，在这种情况下，我更喜欢一个有点破旧的布局，而不是一个我不能使用的网站！}

【讨论】：

谢谢帕斯卡，我明白了，可能我不会使用它，如果真的有必要的话。
在 chrome 和 FF 中，一旦用户调整了文本元素的大小，您以后就无法使用 javascript 调整它的大小。有时这可能会破坏动态 web 应用程序中的布局。我同意这通常是一个坏主意，但在某些情况下是必要的

【解决方案2】：

使用 CSS：

textarea {
   resize: none;
}

然而，一个更好的解决方案是修复您的布局，以便调整 textarea 的大小不会破坏布局（至少对于合理的调整大小）。根据它破坏布局的方式和严重程度，用户可能不会介意它。无论如何，典型的网络用户可能永远都不会注意到这个小小的调整大小句柄。

【讨论】：

【解决方案3】：

使用 CSS：

textarea {
    resize: none;
}

【讨论】：

【解决方案4】：

在您的 CSS 中，添加以下内容： textarea { resize: none; }

【讨论】：

【解决方案5】：

AFAIK 你不能禁用它。但在用户采取行动之前，它不可能破坏你的布局，~~无论如何你都无法阻止~~。

【讨论】：