如何禁用文本区域调整大小？答案

【问题标题】：How to disable textarea resizing?如何禁用文本区域调整大小？
【发布时间】：2012-03-12 00:57:37
【问题描述】：

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

每当我创建联系我们页面时，textarea 都会让我的设计变得丑陋。

谁能给我一个解决方案来禁用它？

【问题讨论】：

标签： html css

【解决方案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应该对你有用

【讨论】：

【解决方案2】：

像这样的一些css

textarea
{
   resize: none;
}

或者如果你只想要垂直

textarea { resize:vertical; }

或横向

textarea { resize:horizontal; }

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

textarea { resize:both; }

【讨论】：

【解决方案3】：

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

textarea {
  resize: none;
}

【讨论】：

【解决方案4】：

使用限制禁用horizontal 和vertical

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

【讨论】：

【解决方案5】：

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

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

【讨论】：