如何禁用textarea调整大小？

我需要禁用textarea水平调整大小。有时我想允许垂直调整文本区域的大小。

每当我创建“联系我们”页面时，textarea都会使我的设计难看。

有人可以给我一种禁用它的解决方案吗？

您可以使用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对您有用

随着一些这样的CSS

textarea
{
   resize: none;
}

或者，如果您只想垂直

textarea { resize:vertical; }

或水平

textarea { resize:horizontal; } 

或两者兼有（不是您的情况）

textarea { resize:both; } 

您可以将其放在CSS文件中：

textarea {
  resize: none;
} 

禁用horizontal并vertical有限制

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

对于textareaI用过的width: 500px !important和height: 350px !important，因此此CSS代码阻止用户调整大小，但是如果您有其他标签必须使用resize: none，则要获得完整的解释，请阅读This Link。

例如，对于一个p标签，你必须设置overflow属性与是不是一个值visible，然后设置resize，none，both，vertical，horizontal。