html - 如何禁用textarea的resizable属性？

我想禁用textarea的resizable属性。

目前，我可以通过单击textarea的右下角并拖动鼠标来调整textarea的大小。如何禁用此功能？

最佳答案

以下CSS规则禁用 textarea 元素的大小调整行为:

textarea {
  resize: none;
}

要禁用某些(但不是全部)textarea，可以使用couple of options。

要禁用将textarea属性设置为name(即foo)的特定<textarea name="foo"></textarea>:

textarea[name=foo] {
  resize: none;
}

或者，使用id属性(即<textarea id="foo"></textarea>):

#foo {
  resize: none;
}

W3C page列出了可能的大小调整限制值:无，水平，垂直和继承都没有:

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

查看一个体面的compatibility page以查看当前哪些浏览器支持此功能。正如Jon Hulka所说，尺寸可以使用最大宽度，最大高度，最小宽度和最小高度在CSS中为further restrained。

关于html - 如何禁用textarea的resizable属性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5235142/