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

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

在此处输入图片说明

 

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

textarea {
  resize: none;
}

要禁用某些(但不是全部)textareas,有几个选项

要禁用属性设置为(即的特定项textarea,请执行以下操作namefoo<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进一步限制尺寸

本文首发于前端黑洞网,博客园同步跟新

 

内容来源于网络如有侵权请私信删除

文章来源: 博客园

原文链接: https://www.cnblogs.com/pythonzhilian/p/14667313.html

你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!

相关课程