解决textarea被拉伸问题

textarea 禁止拉伸问题

　　eg:<textarea rows="3" cols="25" name="imgTable.imgDesc" style="resize: none; "></textarea> 

　　HTML 标签 textarea 在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea 的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局，使页面变得不美观。

　　可以通过添加如下两个样式:

　　　　1.禁用拖动;

　　　　　　利用css，给textarea加上一个属性resize,值设置为none即可；

 　　　　　　eg：style="resize:none;"

　　　　2固定大小.

　　　　　　固定大小之后，但是拖动的图标仍在.

　　　　　　eg：textarea{

　　　　　　　　　　width:200px;

　　　　　　　　　　height:100px;

　　　　　　　　　　maxwidth:200px;

　　　　　　　　　　maxheight:100px;

　　　　　　　　}

　　textarea在IE、Firefox下统一效果的解决方案 

　　　　如果用textarea的属性字数宽度（cols）和行数（rows）来控制textarea的大小你会发现在，在IE和Firefox下的每行字数和文字的行数都不相同，而且在字数不足滚动的情况下，IE是默认有滚动条的，而FF是没有滚动条的。

　　那如何控制textarea在IE中和Firefox中相同的效果呢，其实比较简单：

　　　　1、用textarea的宽度（widht）和高度（height）来定义textarea的大小；
　　　　2、让滚动条自适应：overflow-y:auto。

 

转载于:https://www.cnblogs.com/superK/p/4097482.html