How do I disable the resizable area of a textbox?

Asked

Viewed 84 times

1

I’m not a front-end language enthusiast, but in one of the examples I was testing, I was left wondering how to disable the resizable property of a text area.

I know I can resize a text area by clicking on its bottom corner and dragging with the mouse, but I don’t want to allow.

The question is, how can I disable it?

2 answers

4


Hello, you can do this through css:

<textarea style="resize:none" name="name"></textarea>

Or something like:

textarea {
  resize: none;
}

2

Opa friend!

You can "disable" this redeemable mode by limiting your textbox to the size you want, example:

textarea {max-width:100px; max-height:100px;}

I hope I’ve helped, any questions ask!

Browser other questions tagged

You are not signed in. Login or sign up in order to post.