How to restrict max textarea width and height in chrome or how to disable textarea resizing

Question

Chrome allowed to resize text area by drugging that on the bottom right corner, but some times this movement may break design of the page, so i am wondering how to restrict the

Answer 1

You can also restrict to horizontal resizing only with:

resize: horizontal;

and only vertical resizing with:

resize: vertical; 

Answer 2

This is all a matter of CSS. To disable the resizing (drag thumb) just use resize: none;. To restrict size max(min)-width and height should do the trick.

Answer 3

You can disable re-sizing it with the following css:

resize: none;

Answer 4

you can use :

resize: vertical; 
max-height: 200px;

Answer 5

you can use

resize:none

to restrict the resizing of a textarea.