CSS3为UI元素提供了一个新属性，允许您执行此操作。该属性是resize属性。因此，您可以将以下内容添加到样式表中，以禁用所有文本区域元素的大小调整：

textarea { resize: none; }

这是一个CSS 3属性；使用兼容性图表查看浏览器兼容性。

就个人而言，我会发现在文本区域元素上禁用大小调整非常烦人。这是设计者试图“破坏”用户客户端的情况之一。如果您的设计不能容纳更大的文本区域，您可能需要重新考虑您的设计是如何工作的。任何用户都可以将textarea｛resize：both！important；｝添加到他们的用户样式表中，以覆盖您的偏好。

<textarea style="resize:none" rows="10" placeholder="Enter Text" ></textarea>

您可以像这样简单地禁用textarea属性：

textarea {
    resize: none;
}

要禁用垂直或水平调整大小，请使用

resize: vertical;

or

resize: horizontal;

要禁用resize属性，请使用以下CSS属性：

resize: none;

您可以将其应用为内联样式属性，如下所示：<textarea style=“resize：none；”></textarea>或介于<style>之间</style>元素标记如下：文本区域{调整大小：无；}

您也可以尝试使用jQuery

$('textarea').css("resize", "none");

textarea {
  resize: none;
}

上面的代码将禁用项目中所有<textarea/>元素的可调整大小属性。如果您希望这样做很好，否则您将希望为textarea元素使用特定的类。

.not-resizable {
   resize: none;
}

在HTML中

<textarea class="not-resizable"></textarea>