How to remove the re-size option in the text-area.

All of them know the text-area in the html its used get the multi-line text from the user. In the text-area default resize option display in the right side corner of the text-area. If you click and drag the mouse over the resize option it will increase the size of the text-area.

You want to fix the width and height of the text-area the text area size is fixed. Now no need of resize option the right bottom corner of the text-area.Just add the single line code in the css style.

resize:none;

Now you see the text area resize option is not available in that.

Live Demo

Before Add the resize:none:

After Add the resize:none: