如何禁用textarea的resizable属性?
如何禁用textarea的resizable属性?
我想禁用
<p>目前,我可以通过单击<textarea>元素右下角并拖动鼠标来调整<textarea>的大小。如何禁用它?</p>
<p><img alt=\"输入图像描述\" src=\"https://i.stack.imgur.com/xrfWQ.png\"/></p>
admin 更改状态以发布 2023年5月21日
下面的CSS规则禁用了textarea
元素的调整大小行为:
textarea { resize: none; }
为了禁用一些(但不是全部)textarea
,有几个选项。您可以在标签中使用class
属性():
.textarea1 { resize: none; }
要禁用具有设置为foo
的name
属性的特定textarea
(即):
textarea[name=foo] { resize: none; }
或者,使用id
属性(即):
#foo { resize: none; }
W3C页面列出了调整大小限制的可能值:none、both、horizontal、vertical和inherit:
textarea { resize: vertical; /* user can resize vertically, but width is fixed */ }
审查一下兼容性页面,以了解当前支持此功能的浏览器。正如Jon Hulka所评论的,可以使用max-width、max-height、min-width和min-height在CSS中进一步限制尺寸。
非常重要的知识:
除非溢出属性为除了visible之外的其他东西,否则此属性无效,visible是大多数元素的默认值。因此,通常要使用此属性,您需要设置类似于
overflow: scroll
的东西。引用自Sara Cope,
http://css-tricks.com/almanac/properties/r/resize/