我想禁用的可调整大小的属性textarea
。
目前,我可以textarea
通过点击的右下角textarea
并拖动鼠标来调整a的大小。如何禁用此功能?
以下CSS规则禁用textarea
元素的大小调整行为:
textarea {
resize: none;
}
要禁用某些(但不是全部)textarea
s,有几个选项。
要禁用属性设置为(即)的特定项textarea
,请执行以下操作:name
foo
<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同步跟新