textarea 在浏览器中固定大小和禁止拖动

原文：http://blog.sina.com.cn/s/blog_641d569301011naz.html

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 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko)
Chrome/13.0.782.218 Safari/535.1

<textarea style="margin-left:45px;resize:none; "  rows="20" cols="50" readonly="true" align="center"> </textarea>