Chrome : make non resizable textareas
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 ?
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;
}
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.