如何禁用textarea的resizable属性？
发布于2021-01-31 17:06 阅读(1076) 评论(0) 点赞(15) 收藏(1)
我想禁用的可调整大小的属性textarea。
目前，我可以textarea通过单击的右下角textarea并拖动鼠标来调整a的大小。如何禁用此功能？
解决方案
以下CSS规则禁用textarea元素的大小调整行为：
textarea {
resize: none;
}
要禁用某些（但不是全部）textareas，有几个选项。
要禁用特定textarea与所述name属性设置为foo（即，<textarea name="foo"></textarea>）：
textarea[name=foo] {
resize: none;
}
或者，使用id属性（即<textarea id="foo"></textarea>）：
#foo {
resize: none;
}
在W3C网页列出了调整限制可能的值：无，两者水平，垂直和继承：
textarea {
resize: vertical; /* user can resize vertically, but width is fixed */
}
查看良好的兼容性页面，以了解当前哪些浏览器支持此功能。正如Jon Hulka所说，可以在CSS中使用max-width，max-height，min-width和min-height进一步限制尺寸。
要知道的超级重要：
除非overflow属性是可见的以外的其他属性，否则此属性将不执行任何操作。因此，通常要使用此功能，您必须设置类似overflow的内容：
萨拉·科普（Sara Cope）的报价， http：//css-tricks.com/almanac/properties/r/resize/
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/116/a684d125e63f57f5f67d/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力