element. The following CSS rule disables resizing behavior for textarea elements: To disable it for some (but not all) textareas, there are a couple of options. Sometimes, you can resize by … In reactjs, you can disable the resize widget using style props. How to disable the resize grabber of ): Or, using an id attribute (i.e., ): The W3C page lists possible values for resizing restrictions: none, both, horizontal, vertical, and inherit: Review a decent compatibility page to see what browsers currently support this feature. Questions: I need to disable textarea horizontal resize. @AntonyD'Andrea This isn't working on latest Chrome: Hello, thanks for your answer, next time please format the code. edit Am I the only one who finds it weird to set this using css and not attributes? Is this unethical? You can use the CSS3 resize property to remove or turn-off the default horizontal and vertical resizable property of the HTML CSS css by Ugliest Unicorn on Jun 19 2020 Donate . To disable the resize property, use the following CSS property: You can either apply this as an inline style property like so: or in between element tags like so: You simply use: resize: none; in your CSS. #confinedSpace textarea { resize:vertical; max-height:300px; min-height:200px; } #confinedSpace textarea.horiz { resize:horizontal; max-width:400px; min-width:200px; } Textarea resizing is hugely helpful when you're looking to post a long message. generate link and share the link here. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. How can I disable this? close, link How to change the cursor into a hand when a user hovers over a list item? It is the default value. could any one give me a solution to disable it please? Trying to remove resizable from textarea, How to disable the resize grabber of an HTML ): Or, using an id attribute (i.e., ): The W3C page lists possible values for resizing restrictions: none, both, horizontal, vertical, and inherit: Review a decent compatibility page to see what browsers currently support this feature. Questions: I need to disable textarea horizontal resize. @AntonyD'Andrea This isn't working on latest Chrome: Hello, thanks for your answer, next time please format the code. edit Am I the only one who finds it weird to set this using css and not attributes? Is this unethical? You can use the CSS3 resize property to remove or turn-off the default horizontal and vertical resizable property of the HTML CSS css by Ugliest Unicorn on Jun 19 2020 Donate . To disable the resize property, use the following CSS property: You can either apply this as an inline style property like so: or in between element tags like so: You simply use: resize: none; in your CSS. #confinedSpace textarea { resize:vertical; max-height:300px; min-height:200px; } #confinedSpace textarea.horiz { resize:horizontal; max-width:400px; min-width:200px; } Textarea resizing is hugely helpful when you're looking to post a long message. generate link and share the link here. To subscribe to this RSS feed, copy and paste this URL into your RSS reader. How can I disable this? close, link How to change the cursor into a hand when a user hovers over a list item? It is the default value. could any one give me a solution to disable it please? Trying to remove resizable from textarea, How to disable the resize grabber of an HTML