How to disable resize property of textarea using css

Share

Sometimes it seems very frustrating to keep textarea in resizable mode. You can disable this property very easily by simple CSS rule.

To disable resizable in all textareas in a page, use
textarea {
    resize: none;
}


To disable resizable in selected textareas via ID in a page, use
#textareaId{
    resize: none;
}


To disable resizable in selected textareas via Name in a page, use
#textarea[name="text"]{
    resize: none;
}

That’s it.

  • May 6, 2014
8 Best Free Stock Video Websites for Tiktok, Reels, and Shorts Top 5 PHP Frameworks: Fast and Secure