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

January 7, 2021 - 1 min read

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,

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.

See this example live in JSBin.

That's it! 🌟

Feel free to share if you found this useful 😃.