How to disable the resize grabber of <textarea>?

HtmlCssForms

Html Problem Overview


How to disable the grabber in the <textarea>?

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

Html Solutions


Solution 1 - Html

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.

Solution 2 - Html

<textarea style="resize:none" name="name" cols="num" rows="num"></textarea>

Just an example

Solution 3 - Html

example of textarea for disable the resize option

<textarea CLASS="foo"></textarea>

<style>
textarea.foo
{
resize:none;
}

</style>

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJack BillyView Question on Stackoverflow
Solution 1 - HtmlanothershruberyView Answer on Stackoverflow
Solution 2 - HtmlTomView Answer on Stackoverflow
Solution 3 - Htmlmikk mikkView Answer on Stackoverflow