问题

我要停用 textarea 的resizable属性.

目前,我可以通过单击 textarea 的右下角并拖动鼠标来调整 textarea 的大小.如何禁用此功能?



解决方法

以下CSS规则禁用 textarea elements:

textarea {
    resize: none;
}

要为某些(但不是全部) textarea 禁用它,有一个两个选项.

要禁用 name 属性设置为 foo 的特定 textarea (即< textarea name ="foo" >< / textarea> ):

textarea[name=foo] {
    resize: none;
}

或者,使用 id 属性(即< textarea id ="foo">< / textarea> ):

#foo {
    resize: none;
}

W3C页面列出了调整大小限制的可能值:none,both ,horizo​​ntal,vertical和inherit:

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

查看体面的兼容性页面,了解哪些浏览器目前支持此功能.正如Jon Hulka所评论的,尺寸可以在CSS中进一步限制,使用max-width,max-height, min-width和min-height.

Super important to know:

This property does nothing unless the overflow property is something other than visible, which is the default for most elements. So generally to use this, you'll have to set something like overflow: scroll;

Quote by Chris Coyier, http://css-tricks.com/almanac/properties/r/resize/




相关问题推荐