Chrome : make non resizable textareas

Question

By default, Chrome makes my textareas resizable. I wish to control this and either make them only vertically resizable, or not at all.

How can I achieve this ?

Answer 1

Rails generate standard textarea tag, but Safari/Chrome (Webkit) display all (not only Rails :) textareas as resizable.

Its apperance may be disabled by CSS

textarea {     resize: none;     } 

Or, if need only vertical resize:

textarea {      resize: vertical;      } 

Answer 2

Set max-width to make them only vertically resizable, or set max-height and max-width to stop all resizing.

However, be aware that breaking user expectations about how their browser treats controls tends to create a lot of user frustration.