去除textarea控件拉伸的功能

thoughtfly

 
对于目前的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属性就可以了。