如何禁用文本区域的可调整大小属性？

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

目前，我可以调整大小textarea通过单击右下角textarea并拖动鼠标。我怎样才能禁用这个功能？

以下 CSS 规则禁用调整大小行为textarea http://www.w3.org/wiki/HTML/Elements/textarea要素：

textarea {
  resize: none;
}

对某些（但不是全部）禁用它textarea是，有一个几个选项 http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/.

您可以使用class标签中的属性（<textarea class="textarea1">):

.textarea1 {
  resize: none;
}

禁用特定的textarea与name属性设置为foo (i.e., <textarea name="foo"></textarea>):

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

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

#foo {
  resize: none;
}

The W3C page http://www.w3.org/TR/css3-ui/#resize列出调整大小限制的可能值：无、两者、水平、垂直和继承：

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

评论一个像样的兼容性页面 http://quirksmode.org/css/user-interface/查看当前有哪些浏览器支持此功能。正如 Jon Hulka 所评论的，尺寸可以是进一步克制 http://davidwalsh.name/textarea-resize在 CSS 中使用 max-width、max-height、min-width 和 min-height。

超级重要的是要知道：

除非溢出属性不是可见属性（这是大多数元素的默认属性），否则此属性不会执行任何操作。因此，通常要使用它，您必须设置诸如“overflow:scroll;”之类的内容。

萨拉·科普引用，http://css-tricks.com/almanac/properties/r/resize/ http://css-tricks.com/almanac/properties/r/resize/