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

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

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

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

#noscroll{resize:none;}

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

1.    width: 200px;

2.    height: 100px;

3.    min-width: 200px;

4.    min-height: 100px;

5.    max-width: 200px;

6.    max-height: 100px;