去除textarea控件拉伸的功能

 

对于目前的Firefox、chrome、safari中的textarea控件，可以有拉伸的功能，有时这非常酷，但再好的东西并不是所有人都喜欢，你可能想把这个功能屏蔽掉，该如何做呢？其实通过CSS就很简单的控制了......

 1   .txtArea  {

 2   width :  320px ;

 3   height :  145px ;

 4   background :  #fffffc ;

 5   border :  1px #c2c1bd solid ;

 6   margin :  4px 0 ;

 7   overflow :  auto ;

 8   max-width :  320px ;

 9   max-height :  145px ;

10   }

 

核心代码就是给textarea对应的CSS添加了max-width和max-height属性就可以了。