textarea 在浏览器中固定大小和禁止拖动的实现方法
HTML标签textarea在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定textarea的尺寸,大小就不会改变,不过更好的办法是使用CSS的height和width属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。
可以通过添加如下两个样式禁用拖动,固定大小:
1:彻底禁用拖动(推荐)
resize:none;
2:只是固定大小,右下角的拖动图标仍在
width:200px; height:100px; max-width:200px; max-height:100px;
3:浏览器信息:
Mozilla/5.0(WindowsNT5.1)AppleWebKit/535.1(KHTML,likeGecko)Chrome/13.0.782.218Safari/535.1
以上这篇textarea在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 钢琴人祝福语女生简短
11 岗位考试顺利祝福语简短
12 关于老师蛋糕祝福语简短
13 娘家妈妈新婚祝福语简短
14 生日留言简短祝福语大全
15 祝福语诗意文案简短
16 校长退休文案祝福语简短
17 宝子生日祝福语简短
18 寒露祝福语毕业寄语简短