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

Question

我需要禁用文本框的水平调整大小功能。有时我希望允许文本框进行垂直调整大小。

每当我创建联系我们页面时，文本框会使我的设计变得丑陋。

请问有人可以给我提供禁用此功能的解决方案吗？

(Note: HTML tags have been preserved.)

- Mo.

---

可能是如何禁用文本区域的可调整大小属性？的重复问题。 - mtpultz

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对你会有帮助。

- Mo.

---

太棒了！如果你不想纠结于最小宽度，可以使用rows=""属性来定义一个具体的高度值。 - Victor Eke

太棒了！如果你不想处理最小宽度，你可以使用 rows="" 属性来定义一个具体的数字高度。 - Victor Eke

Answer 2

使用以下css：

textarea
{
   resize: none;
}

或者，如果你只想要垂直的

textarea { resize:vertical; }

或者水平的

textarea { resize:horizontal; } 

或者两者都不是（不适用于您的情况）

textarea { resize:both; } 

- Marc

Answer 3

您可以将以下代码放在CSS文件中：

textarea {
  resize: none;
} 

- Stelian Matei

Answer 4

禁用带有限制的水平和垂直滚动条

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

- ApsaraAruna

Answer 5

对于 textarea，我使用了 width: 500px !important 和 height: 350px !important，所以这些 CSS 代码可以防止用户调整大小，但如果你有其他标签，你必须使用 resize: none，要完整的解释请阅读 此链接。

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

- AmerllicA