Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

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?

like image 963
Joper Avatar asked Aug 26 '11 12:08

Joper


People also ask

How do I set the fixed size textarea in HTML?

The <textarea> element is often used in a form, to collect user inputs like comments or reviews. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier). The size of a text area is specified by the cols and rows attributes (or with CSS).

How do I stop a DIV from resizing?

It is mostly used with textarea and div elements. To disable resizable property of an element use resize to none.


1 Answers

you can use :

resize: vertical;  max-height: 200px; 
like image 89
Ouadie Avatar answered Sep 21 '22 14:09

Ouadie