CSS去除textarea控件拉伸功能的实例教程

发布时间:2020-05-27编辑:脚本学堂
目前Firefox、chrome、safari中的textarea控件,有拉伸的功能,但有时候却不需要这种效果,你如果想把这个功能去掉,该怎么做呢?本文就介绍通过纯css来实现的方法,需要的朋友参考一下。

通过CSS去除textarea控件拉伸功能如下:

复制代码 代码示例:

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属性就可以了。