1. 程式人生 > >textarea 在瀏覽器中固定大小和禁止拖動

textarea 在瀏覽器中固定大小和禁止拖動

HTML 標籤 textarea 在大部分瀏覽器中只要指定行(rows)和列(cols)屬性,就可以規定 textarea 的尺寸,但大小在瀏覽器中(firefox、chrome)還是可以調節的,使用 CSS 的 height 和 width 屬性效果和rows cols定義的效果相同,可以拖動右下角圖示改變大小。但是過分拖動大小會影響頁面佈局,使頁面變得不美觀。可以通過新增如下兩個樣式禁用拖動,固定大小:

1:徹底禁用拖動(右下角的拖動圖示也消失了)(推薦)

<textarea id='memo' style="height: 50px;width: 70px;resize: none;"></textarea>

2:組合使用css中的min-height min-width max-height max-width(右下角的拖動圖示依然存在)

<textareaid='memo'style="min-height: 50px;min-width: 70px;max-height: 50px; max-width: 70px;" ></textarea>