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

Question

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

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

任何人都可以给我一个解决方案来禁用它吗？

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

禁用 horizo​​ntal 和 vertical 并进行限制

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

Answer 5

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

例如，对于 p 标记，您必须将 overflow 属性设置为不visible 的值，然后设置 resize >、无、两者、垂直、水平。