首页 > 代码库 > textarea的拖拽怎么解决

textarea的拖拽怎么解决

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元素,所以设置为继承的话,也是不可以拖拽的

textarea的拖拽怎么解决