How to disable resize property of textarea using css

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.

Scroll to Top