Possible Duplicate:
How to disable resizable property of TextArea?
How to disable the resize grabber of an HTML <textarea>?
I've inherited a website to maintain and I'm not able to remove the textarea to be resizable or at least to remove the resizable "flag". Here is what I mean :
How can I remove this? it's not problem if it's resizable the problem is this icon showing that it is.
To prevent a text field from being resized, you can use the CSS resize property with its "none" value. After it you can use the height and width properties to define a fixed height and width for your <textarea> element.
This simple CSS code disables resizing of the element. Now you can use height and width property to provide a fixed height and width to the element. Some developers also use cols and rows css property to provide textarea size.
You need to use resize
property to prevent the textarea
to be resized.
Demo
textarea {
resize: none;
}
resize
property also takes values like vertical
and horizontal
to resize the textarea
horizontally only, or vertically only.
For Vertical only
textarea {
resize:vertical;
}
For Horizontal only
textarea {
resize:horizontal;
}
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