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,

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! 🌟