By default, only responsive variants are generated for resizing utilities. There is one case where perhaps you want to remove the resize attribute, and this is with textareas. They come with a default resize property, and we can turn this off by using the following code: textarea {resize: none;} You ⦠The textarea element is the most common exceptionâin many browsers its default resize value is both. textarea { resize: none; } Example HTML TextArea Tag is used in a web application, where needs multiple lines of text input or long text content.For example in e-commerce sides like Flipkart and Amazon needed a user address. Topic: HTML / CSS Prev|Next Answer: Use the CSS3 resize property. share | follow | textarea resize: none is not working. This property will also hide the resizing handle at the bottom-right corner of the textarea. Active 2 months ago. Just drag this handle to resize the textarea in vertically and horizontally. It ⦠In the bottom right corner you can see the grabber handle. How to disable resizable property of textarea using CSS. textarea { resize: none; } Styling valid and invalid values. none: the element is not resizeable. those within, and outside the bounds set by minlength, maxlength, or required) can be highlighted using the :valid and :invalid pseudo-classes. Allowable values self-explanatory: none (disables textarea resizing), both, vertical and horizontal. CSS Removing resize attribute permalink. Viewed 1k times 1. This both are the example of where HTML TextArea Input ⦠I want the textarea to be not resizable, but I already tried all the possibilities: putting a class, id, or name in the textarea then setting its CSS to resize: none, but it still won't work. You can use the CSS3 resize property to remove or turn-off the default horizontal and vertical resizable property of the HTML