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 生日开业蛋糕祝福语简短