欢迎光临
我的个人博客网站

如何禁用textarea的resizable属性?

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

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

如何禁用textarea的resizable属性?

 

以下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进一步限制尺寸

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

 

赞(0) 打赏
未经允许不得转载:张拓的天空 » 如何禁用textarea的resizable属性?
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏