如何禁用textarea的可调整大小属性?

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

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

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

textarea{
调整大小:无;
}

要禁用部分(但不是全部)textareas,有两个选项

您可以在标记中使用class属性(<textarea class="textarea1"):

.textarea1{
调整大小:无;
}

要禁用特定的textarea,将name属性设置为foo(即<textarea name=&quot;foo&gt;&lt;/textarea&gt;),请执行以下操作:

textarea[name=foo]{
调整大小:无;
}

或者,使用id属性(即&lt;textarea id=&quot;foo&gt;&lt;/textarea&gt;):

\foo{
调整大小:无;
}

W3C页面列出了调整大小限制的可能值:无、两个、水平、垂直和继承:

textarea{
调整大小:垂直;/*用户可以垂直调整大小,但宽度是固定的*/
}

查看一个合适的兼容性页面,查看当前哪些浏览器支持此功能。正如Jon Hulka所评论的,可以使用最大宽度、最大高度、最小宽度和最小高度在CSS中进一步限制尺寸

非常重要的是要知道:

除非overflow属性不是visible(大多数元素的默认值),否则此属性不会执行任何操作。所以一般来说,要使用它,您必须设置类似于溢出的内容:滚动

引用Sara Cope的话,
http://css-tricks.com/almanac/properties/r/resize/

发表评论