Answers for "html textarea resizable"

12

disable textarea resize

textarea {   /* for all text* area elements */
  resize: none;
}

#foo {                  /* for particular id */
  resize: none;
}
Posted by: Guest on July-06-2020
4

textarea resize off

<textarea class="myTextArea"></textarea>
<style>
  .myTextArea {
    resize: none;
  }
</style>
Posted by: Guest on April-24-2020
1

Textarea disable resize CSS

to disable all

textarea { resize: none; }
only vertical resize

textarea { resize: vertical; }
only horizontal resize

textarea { resize: horizontal; } 
disable vertical and horizontal with limit

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }
disable horizontal and vertical with limit

textarea { resize: vertical; max-height: 300px; min-height: 200px; }
Posted by: Guest on May-10-2021
0

make textarea not resizable

You can either apply this as an inline style property like so: 
<textarea style="resize: none;"></textarea>
or in between 
<style>...</style> element tags like so: 
textarea { resize: none; }
Posted by: Guest on August-09-2020

Browse Popular Code Answers by Language