CSS3魔法堂：禁止使用者改變textarea大小

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　

  在ff、chrome和safari下預設時允許使用者以拖拽形式來改變textarea大小，這不僅與ie下textarea的行為特點有異，而且textarea的大小變化會撐大其父節點進而破壞整體布局。

二、原因　　　　　　　　　　　　　　　　　　　　　　　　　　 

通過調用 window.getcomputedstyle(textarea元素, null).resize 傳回both，我們可以知道原來是resize樣式屬性搞的鬼。

三、css3屬性──resize　　　　　　　　　　　　　　　　　　　　

用于設定useragent調整元素尺寸的機制，就是說設定使用者能否和如何自行改變元素尺寸。

值範圍

none：不允許useragent調整元素尺寸; both ：允許useragent調整元素水準、垂直方向的尺寸; vertical：允許useragent調整元素垂直方向的尺寸; horizontal：允許useragent調整元素水準方向的尺寸; inherit ：繼承父元素

在ff、chrome和safari下

對于div來說resize屬性值時inherit（其實就是none），而對于textarea而言預設值為both。

四、解決辦法　　　　　　　　　　　　　　　　　　　　　　　　

  為textarea設定 resize: none