对于目前的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 }
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属性就可以了。
专注前端开发,分享&交流技术经验 by 付诸行动
Copyright © 2009-2010 分享前端开发技术博文、工作心得,技术交流
Gtalk: agikoo@gmail.com QQ交流群: 101232616
http://uecode.com/
Copyright © 2009-2010 分享前端开发技术博文、工作心得,技术交流
Gtalk: agikoo@gmail.com QQ交流群: 101232616
http://uecode.com/