【Css】textarea在Chrome、FireFox中固定大小

/**
 * Author:RDP
 * My mail:abel1314520@gmail.com
 * My blog:  http://blog.teamhaka.com

 */

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

如图：

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

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

resize: none;

 

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