[html] Turn off textarea resizing

I'm trying to turn off textarea resizing in my site; right now I'm using this method:

.textarea {
    min-width: 267px;
    max-width: 267px;

I know that my method is not correct and I'm searching for a better one in JavaScript. I'm a beginner, so the best solution for me will be HTML5 or jQuery.

This question is related to html textarea

The answer is

Try this CSS to disable resizing

The CSS to disable resizing for all textareas looks like this:

textarea {
    resize: none;

You could instead just assign it to a single textarea by name (where the textarea HTML is ):

textarea[name=foo] {
    resize: none;

Or by id (where the textarea HTML is ):

#foo {
    resize: none;

Taken from: http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/

Similar questions with html tag:

Similar questions with textarea tag: