如何在Zurb Foundation中固定fieldset的宽度和高度?
如何在Zurb Foundation中固定fieldset的宽度和高度?
我想禁用的可调整大小属性。
目前,我可以通过点击右下角并拖动鼠标来调整的大小。我如何禁用这个功能?
admin 更改状态以发布 2023年5月22日
以下CSS规则禁用了 textarea
元素的缩放行为:
textarea { resize: none; }
要在某些(但不是全部)textarea
上禁用它,有几种选项。
可以在标签中使用 class
属性()来禁用:
.textarea1 { resize: none; }
要禁用特定的 textarea
,可以将其 name
属性设置为 foo
(即,):
textarea[name=foo] { resize: none; }
或者,使用一个 id
属性(即,):
#foo { resize: none; }
W3C 页面列出了对缩放限制的可能值:none, both, horizontal, vertical, and inherit:
textarea { resize: vertical; /* user can resize vertically, but width is fixed */ }
查看一个不错的兼容性页面,了解当前哪些浏览器支持这个功能。正如 Jon Hulka 所评论的,CSS 中可以使用 max-width、max-height、min-width 和 min-height 进一步限制尺寸。
非常重要的知识:
除非 overflow 属性不是 visible,否则该属性不起作用,默认大多数元素为 visible。因此,通常要使用此属性,您需要设置诸如 overflow:scroll;之类的属性。
由 Sara Cope 引用,
http://css-tricks.com/almanac/properties/r/resize/