How to disable the resize functionality of the textarea tag in HTML?

Published January 7, 2021

To remove the resizing functionality of the textarea tag, you can use the CSS and set the textarea tag's resize CSS property to none.

Normally when you define a textarea tag in HTML, you will get a symbol or icon to resize the text area like this,

Textarea tag resizing button

But in some cases, we may need to disable that feature. For example, while designing a custom textarea box.

This can be done in CSS like this,

textarea {
  resize: none;

Now you won't be having that icon to resize anymore.

Textarea tag resizing button removed

See this example live in JSBin.

That's it! 🌟

Feel free to share if you found this useful 😃.

Share on: Facebook Twitter