如何關閉 textarea 手動拖拉改變長寬（resize）的功能

不知道從什麼時候開始，瀏覽器裡的 textarea 右下角會出現幾條斜線，滑鼠移上去後居然可以拖拉改變 textarea 的長寬，一直以為這是瀏覽器另外提供的神奇功能，今天才知道，這是 CSS3 的標準。

既然是 CSS 的標準，那就表示可以改變設定值。

resize: none|both|horizontal|vertical

從設定值看來，textarea 預設是 both，如果要關掉就改為 none，有趣的是可以限制拖拉單向，設定 horizontal 只能改變寬度，設定 vertical 只能改變高度。

但最神奇的是，這個屬性不專屬於 textarea，div 也可以用！

<div style="border: 1px solid black; width: 50px; height: 50px; resize: both; overflow: auto; ">a</div>

div 要有 resize 的效果，一定要加上 overflow: auto 才行。


最後，雖然可以拖拉改變長寬，但嚴格說來應該是「加大」，而不能「縮小」，也就是不能小於原本的尺寸。
---
---
---