首页 > 代码库 > CSS3魔法堂:禁止用户改变textarea大小
CSS3魔法堂:禁止用户改变textarea大小
一、前言
在FF、Chrome和Safari下默认时允许用户以拖拽形式来改变textarea大小,这不仅与IE下textarea的行为特点有异,而且textarea的大小变化会撑大其父节点从而破坏整体布局。
二、原因
通过调用 window.getComputedStyle(textarea元素, null).resize 返回both,我们可以知道原来是resize样式属性搞的鬼。
三、CSS3属性──resize
用于设置UserAgent调整元素尺寸的机制,就是说设置用户能否和如何自行改变元素尺寸。
值范围
none:不允许UserAgent调整元素尺寸;
both :允许UserAgent调整元素水平、垂直方向的尺寸;
vertical:允许UserAgent调整元素垂直方向的尺寸;
horizontal:允许UserAgent调整元素水平方向的尺寸;
inherit :继承父元素
在FF、Chrome和Safari下
对于div来说resize属性值时inherit(其实就是none),而对于textarea而言默认值为both。
四、解决办法
为textarea设置 resize: none
尊重原创,转载请注明来自:http://www.cnblogs.com/fsjohnhuang/p/3940728.html ^_^肥仔John
CSS3魔法堂:禁止用户改变textarea大小
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。