How to Disable the Resizable Property of a Textarea

Dan Gold

Written by Dan

The resizable property of a textarea is a boolean value that specifies whether or not the user can resize the element. By default, this property is set to true, which means that the user can resize the element.

However, there are times when you might want to prevent the user from being able to resize the element. In this blog post, we’ll show you how to disable the resizable property of a textarea.

The first thing you need to do is add the following CSS style rule to your stylesheet:

textarea {
  resize: none;

This style rule will disable the resizing for all <textarea>’s on your page.

However, if you only want to disable the resizing for a specific <textarea>, you can add a class attribute to those <textarea>’s and then use that class in your CSS style rule.

For example:

  .no-resize {
    resize: none;

<textarea class="no-resize">This textarea won't resize</textarea>

That’s really it! It’s a simple property and setting that you can use to target <textarea>’s. We hope this blog post has helped you learn how to disable the resizable property of the <textarea> element.

Last updated

July 13th, 2023