以下CSS规则禁用textarea元素的调整大小行为:
textarea {
resize: none;
}
要对某些(但不是所有)文本区域禁用它,有几个选项。
要禁用名称属性设置为foo(即)的特定textarea,请执行以下操作:
textarea[name=foo] {
resize: none;
}
或者,使用id属性(即):
#foo {
resize: none;
}
W3C页面列出了调整大小限制的可能值:无、两者、水平、垂直和继承:
textarea {
resize: vertical; /* user can resize vertically, but width is fixed */
}
查看一个合适的兼容性页面,查看当前哪些浏览器支持此功能。正如Jon Hulka所评论的那样,可以使用max width、max height、min width和min height在CSS中进一步限制尺寸。
非常重要的是要知道:
此属性不执行任何操作,除非overflow属性不是visible,这是大多数元素的默认值。所以一般来说,要使用它,您必须设置类似于溢出的内容:滚动;
Chris Coyier引用,http://css-tricks.com/almanac/properties/r/resize/