textarea在Chrome、FireFox中固定大小

转载地址: http://blog.teamhaka.com/archives/559.html

textarea在Chrome、和一些版本的FireFox中，会在右下角出现一个拖动的标志。

如图：

拖动textarea会改变其尺寸，进而会影响页面布局，使页面变得凌乱不堪。

要使textarea无法被拖动，固定在其自由尺寸的方式就是在其样式中添加：

resize: none;

 

这样，textarea在Chrome和FireFox中就不会被用户随意拖动了，右下角可被拖动的提示标志也不会出现。