How to disable the resize grabber of <textarea>?

html css forms

Jack Billy · Mar 11, 2011 · Viewed 514.1k times · Source

How to disable the grabber in the <textarea>?

I mean that triangle thing which appears in the right-bottom corner of the <textarea>.

Answer

Just use resize: none

textarea {
   resize: none;
}

You can also decide to resize your textareas only horizontal or vertical, this way:

textarea { resize: vertical; }

textarea { resize: horizontal; }

Finally, resize: both enables the resize grabber.