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
You can also restrict to horizontal resizing only with:
resize: horizontal;
and only vertical resizing with:
resize: vertical;
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.
You can disable re-sizing it with the following css:
resize: none;
you can use :
resize: vertical;
max-height: 200px;
you can use
resize:none
to restrict the resizing of a textarea
.