我想禁用文本区域的可调整大小属性。

目前,我可以通过单击文本区域的右下角并拖动鼠标来调整文本区域的大小。如何禁用此功能?


当前回答

如果你需要深度支持,你可以使用一种老式的技巧:

textarea {
    max-width: /* desired fixed width */ px;
    min-width: /* desired fixed width */ px;
    min-height: /* desired fixed height */ px;
    max-height: /* desired fixed height */ px;
}

其他回答

您也可以尝试使用jQuery

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

在CSS中。。。

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

使用@style,您可以为其设置自定义大小并禁用调整大小功能(resize:none;)。

@Html.TextAreaFor(model => model.YourProperty, new { @style = "width: 90%; height: 180px; resize: none;" })

您只需使用:resize:none;在CSS中。

resize属性指定元素是否可调整大小由用户执行。注意:resize属性适用于计算溢出的元素价值不是“可见”。

目前Internet Explorer不支持调整大小。

以下是用于调整大小的不同财产:

不调整大小:

textarea {
  resize: none;
}

双向调整大小(垂直和水平):

textarea {
  resize: both;
}

垂直调整大小:

textarea {
  resize: vertical;
}

水平调整大小:

textarea {
  resize: horizontal;
}

此外,如果您的CSS或HTML中有宽度和高度,它将阻止您的文本区域被调整大小,并提供更广泛的浏览器支持。