textarea resize: none is not working

Question

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. It is still resizable.

textarea { resize: none; }

It should work.. See example: jsfiddle.net/02un5Lt6 What browser do you use? — Sveta
– Sveta, Commented Jul 7, 2017 at 7:43
please provide your complete html css or link to a codepen where you can show that this is not working. See the How to Ask page for help clarifying this question. — viCky
– viCky, Commented Jul 7, 2017 at 8:00
Did you try to view the actual resize property of the textarea while it's running? It might be that there's another stylesheet that overrides the resizable property of your textarea. — suguspnk
– suguspnk, Commented Jul 7, 2017 at 8:24
I experienced the same problem with Chrome when I ran the example at w3schools.com/css/tryit.asp?filename=trycss_form_textarea. — jung rhew
– jung rhew, Commented Nov 30, 2018 at 23:19

totallyCapableProgrammer · Accepted Answer · 2020-08-21 09:14:38Z

1

i know this post is old, but if anyone else has this problem like i had too try this:

textarea{resize: none !important;}

answered Aug 21, 2020 at 9:14

totallyCapableProgrammer

255 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sergiu Mare Over a year ago

That is a sign that you're either writing a very bad CSS OR you're using a library that you have to overwrite.

Collectives™ on Stack Overflow

textarea resize: none is not working

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related