如何在Zurb Foundation中固定fieldset的宽度和高度?

19 浏览
0 Comments

如何在Zurb Foundation中固定fieldset的宽度和高度?

我想禁用的可调整大小属性。

目前,我可以通过点击右下角并拖动鼠标来调整的大小。我如何禁用这个功能?

\"输入图片描述\"

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

在CSS中... \n

textarea {
    resize: none;
}

0
0 Comments

以下CSS规则禁用了 textarea 元素的缩放行为:

textarea {
  resize: none;
}


要在某些(但不是全部)textarea 上禁用它,有几种选项
可以在标签中使用 class 属性():

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/

0