Safari gives resize handles for text-areas. anyone knows how to stop that? thanx
To disable the resizing (drag thumb) just use resize: none; . To restrict size max(min)-width and height should do the trick. Show activity on this post. You can set the resize property as horizontal and vertical or set it as default(the user can stretch in both ways).
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).
It can be achieved by using JavaScript and jQuery. Method 1: Using JavaScript: To change the height, a new function is created which changes the style property of the textarea. The height of the textarea is first set to auto. This value makes the browser set the height of an element automatically.
You can use CSS3 to prevent the resizing:
textarea {
resize: none;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With