如何禁用textarea的resizable属性?

32 浏览
0 Comments

如何禁用textarea的resizable属性?

我想禁用

admin 更改状态以发布 2023年5月21日
0
0 Comments

在CSS中... \n

textarea {
    resize: none;
}

0
0 Comments

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

textarea {
  resize: none;
}


为了禁用一些(但不是全部)textarea,有几个选项。您可以在标签中使用class属性():

.textarea1 {
  resize: none;
}


要禁用具有设置为fooname属性的特定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/

0