How to disable the resize grabber of textarea

You can simply use resize: none.

css
textarea {
  resize: none;
}

You can also choose to adjust the textarea only horizontally or vertically, as shown below:

css
textarea { resize: vertical; }

css
textarea { resize: horizontal; }

Finally, resize: both enables the resize handles.

Example of a Textarea with Resize Disabled

html
<textarea class="foo"></textarea>

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

html
<textarea style="resize:none" name="name" cols="num" rows="num"></textarea>
``` Just an example