如何禁用textarea的resizable属性？

我想禁用的可调整大小的属性textarea。

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

 

 

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

textarea {
  resize: none;
}

要禁用某些（但不是全部）textareas，有几个选项。

要禁用属性设置为（即）的特定项textarea，请执行以下操作：namefoo<textarea name="foo"></textarea>

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

或者，使用id属性（即<textarea id="foo"></textarea>）：

#foo {
  resize: none;
}

在W3C网页列出了调整限制可能的值：无，两者水平，垂直和继承：

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

查看良好的兼容性页面，以了解当前哪些浏览器支持此功能。正如Jon Hulka所说，可以在CSS中使用max-width，max-height，min-width和min-height进一步限制尺寸

本文首发于前端黑洞网，csdn同步跟新