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

禁用chisq.(mydata) 和horizontal限制

vertical

Answer 5

对于textarea，我使用了width: 500px !important和height: 350px !important，因此此CSS代码会阻止用户调整大小，但如果您有其他代码，则必须使用resize: none，有关完整说明，请阅读This Link。

例如，对于p代码，您必须将overflow属性设置为非visible的值，然后设置resize，none，{ {1}}，both，vertical。

Answer 6

禁用所有

textarea { resize: none; }