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;

 

Tonitech版权所有 | 转载请注明出处: http://www.tonitech.com/2093.html

发表评论