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?


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


With some css like this

textarea
{
   resize: none;
}

Or if you want only vertical

textarea { resize:vertical; }

Or horizontal

textarea { resize:horizontal; } 

or both ( not your case)

textarea { resize:both; } 

你可以把它放在CSS文件中:

textarea {
  resize: none;
} 
链接地址: http://www.djcxy.com/p/4710.html

上一篇: 几乎可以比较花车的最佳方式是什么?

下一篇: 如何禁用textarea调整大小?