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

问题

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 max and min width for that action of how to disable that function at all with thml/javascript/css on the page?

回答1:

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

resize: none;

回答2:

You can also restrict to horizontal resizing only with:

resize: horizontal;

and only vertical resizing with:

resize: vertical; 

回答3:

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.

回答4:

you can use :

resize: vertical; 
max-height: 200px;

回答5:

you can use

resize:none

to restrict the resizing of a textarea.

来源：https://stackoverflow.com/questions/7204584/how-to-restrict-max-textarea-width-and-height-in-chrome-or-how-to-disable-textar