textarea的拖拽怎么解决

Posted 2020-08-25 砌墙的砖

textarea文本域在页面中是可以拖动的，即时你给了固定的宽度和高度，但这在我们页面布局中，使我们不需要的，因为可拖拽很多时候会影响我们页面的布局和整体的美观度。

css3提供了一个resize属性，可以帮助我们解决这个问题：

1 textarea {
2     width:700px;
3     height:300px;
4     border:1px solid #bcbcbc;
5     resize:none;
6 }    

resize：

　　1.both(默认值)--在xy方向上均可以拖拽；

　　2.vertical--在垂直方向上

　　3.horizontal--在水平方向上

　　4.none--不可以拖拽

　　5.inherit（继承）--textarea的父集一般是div元素，所以设置为继承的话，也是不可以拖拽的