如何禁用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; 
}

Answer 5

对于textarea我使用width: 500px !important和height: 350px !important，所以这个CSS代码阻止用户调整大小，但如果你有其他标签你必须使用resize: none，完整的解释阅读This Link。

例如，对于p标记，您必须将overflow属性设置为不是visible的值，然后设置resize，none，both，vertical，horizontal。