textarea 在浏览器中固定大小和禁止拖动的实现方法

网友投稿 618 2023-06-26


textarea 在浏览器中固定大小和禁止拖动的实现方法

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 css 的 height 和 width属性,但是Chrome,http://Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。

可以通过添加如下两个样式禁用拖动,固定大小:

1:彻底禁用拖动(推荐)

resize: http://none;

2:只是固定大小,右下角的拖动图标仍在

width: 200px;

height: 100px;

max-width: 200px;

max-height: 100px;

3:浏览器信息:

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko)Chrome/13.0.782.218 Safari/535.1


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:bootstrapValidator自定验证方法写法
下一篇:Java 8新特性方法引用详细介绍
相关文章

 发表评论

暂时没有评论,来抢沙发吧~