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?
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.