htmlcssresizetextarea

How to disable textarea resizing?


I need to disable textarea horizontal resize. Sometimes I want to allow vertical resize on the textarea.

Whenever I create a contact us page the textarea is making my design ugly.

could any one give me a solution to disable it please?


Solution

  • You can use CSS.

    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; }
    

    I think min-height should be useful for you.