我想禁用textarea
的可调整大小属性
目前,我可以通过单击textarea
的右下角并拖动鼠标来调整textarea
的大小。如何禁用此功能
以下CSS规则禁用textarea
元素的大小调整行为:
textarea{
调整大小:无;
}
要禁用部分(但不是全部)textarea
s,有两个选项
您可以在标记中使用class
属性(<;textarea class=";textarea1";
):
.textarea1{
调整大小:无;
}
要禁用特定的textarea
,将name
属性设置为foo
(即<textarea name=";foo>;<;/textarea>;
),请执行以下操作:
textarea[name=foo]{
调整大小:无;
}
或者,使用id
属性(即<;textarea id=";foo>;<;/textarea>;
):
\foo{
调整大小:无;
}
W3C页面列出了调整大小限制的可能值:无、两个、水平、垂直和继承:
textarea{
调整大小:垂直;/*用户可以垂直调整大小,但宽度是固定的*/
}
查看一个合适的兼容性页面,查看当前哪些浏览器支持此功能。正如Jon Hulka所评论的,可以使用最大宽度、最大高度、最小宽度和最小高度在CSS中进一步限制尺寸
非常重要的是要知道:
除非overflow属性不是visible(大多数元素的默认值),否则此属性不会执行任何操作。所以一般来说,要使用它,您必须设置类似于溢出的内容:滚动
引用Sara Cope的话,
http://css-tricks.com/almanac/properties/r/resize/