CSS3 magic Hall: Prohibit users from changing the size of textarea

CSS3 magic Hall: Prohibit users from changing the size of textarea
I. Preface by default, users are allowed to change the size of textarea in the form of drag and drop in FF, Chrome, and Safari, which is different from that of textarea in IE, in addition, the size change of textarea will increase the parent node and damage the overall layout. 2. The reason is that the system calls window. getComputedStyle (textarea element, null). resize to return both. We can know that it was originally a ghost of the resize style attribute. 3. CSS3 Attribute-resize is used to set the mechanism for UserAgent to adjust the element size, that is, to set whether or how users can change the element size on their own. Value Range: none: UserAgent is not allowed to adjust the element size; both: Allows UserAgent to adjust the horizontal and vertical dimensions of elements; vertical: Allows UserAgent to adjust the vertical dimension of elements; horizontal: allows the UserAgent to adjust the horizontal dimension of the element. inherit: inherits the value of inherit when the parent element is resize in FF, Chrome, and Safari for div (in fact, it is none ), for textarea, the default value is both. Iv. Solution: Set resize: none for textarea