Chrome Safari FireFox 浏览器中禁止Textarea 拖动且固定大小

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

可以通过添加如下两个样式禁用拖动，固定大小：

一、彻底禁用拖动（推荐）

#noScroll{resize:none;}

二、只是固定大小，右下角的拖动图标仍在

   
width: 200px;

   
height: 100px;

   
min-width: 200px;

   
min-height: 100px;

   
max-width: 200px;

   
max-height: 100px;

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.jiangweishan.com/article/Textarea-scroll.html