First, preface
The default for FF, Chrome, and Safari allows the user to change the size of the textarea in a drag-and-drop manner, which is not only different from the behavior characteristics of the textarea under IE, but also textarea the size of its parent node, which destroys the overall layout.
Second, the reason
by calling window.getComputedStyle (textarea element, null). Resize Return both, we can know that the original resize style properties of the ghost.
Third, CSS3 attribute ──resize
The mechanism used to set the size of the useragent adjustment element is to set the user's ability and how to change the element size themselves.
Value Range
None: useragent adjustment element size is not allowed;
both : Allows useragent to adjust the horizontal and vertical dimensions of the element;
Vertical: Allows the useragent to adjust the dimension of the element's vertical direction;
Horizontal: Allows useragent to adjust the dimension of the horizontal direction of the element;
inherit : Inherit parent element
Under FF, Chrome, and Safari
For a Div, the Resize property value is inherit (in fact, none), whereas for textarea the default value is both.
Iv. Solutions
Set Resize:none for textarea
Respect the original, reprint please indicate from: http://www.cnblogs.com/fsjohnhuang/p/3940728.html ^_^ Fat Boy John
CSS3: Prohibit user from changing textarea size