【前端经验】多行文本框如何设置为不可拖动？

在做前端页面切图的时候难免会应用到HTML的多行文本框标签吧！

有没有发现在谷歌、火狐等浏览器下多行文本框右下角是可拖拽的？

上图右下角有个小图标，鼠标可以放上去拖拽多行文本框的大小；

这个功能看似很强大，但另一方面也破坏了我们预先设定的界面效果，现在要怎么把它禁用掉不允许网站的用户去拖拽呢？

经过研究和互联网上的高手们分享，这里再次分享下；

在CSS手册中有个resize属性：设置或检索对象的区域是否允许用户缩放，调节元素尺寸大小。

示例代码：

textarea{resize:none;}

OK。下面再来看看页面的样式，是否还允许被拖拽；

Perfect！问题搞定。。。你学会了么？