如何禁用textarea调整大小？

Question

我需要禁用textarea水平调整大小.有时我想在textarea上允许垂直调整大小.

每当我创建一个联系我们页面时,textarea都会让我的设计变得丑陋.

任何人都可以给我一个解决方案来禁用它吗？

Answer 1

你可以使用CSS

禁用所有

textarea { resize: none; }

只有垂直调整大小

textarea { resize: vertical; }

只有水平调整大小

textarea { resize: horizontal; } 

禁用垂直和水平限制

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

禁用水平和垂直限制

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

我觉得min-height应该对你有用

Answer 2

有一些像这样的CSS

textarea
{
   resize: none;
}

或者如果你只想垂直

textarea { resize:vertical; }

或横向

textarea { resize:horizontal; } 

或两者(不是你的情况)

textarea { resize:both; } 

Answer 3

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

textarea {
  resize: none;
} 

Answer 4

禁用horizontal和vertical限制

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}