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

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

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

当前回答

CSS 3可以解决这个问题。不幸的是，现在只有60%的浏览器支持它。

对于Internet Explorer和iOS，您不能关闭调整大小，但可以通过设置文本区域的宽度和高度来限制文本区域的大小。

/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

参见演示

其他回答

您需要在component.CSS中设置以下CSS代码

textarea {
    resize: none;
}

使用此属性调整大小：无；

textarea {
  resize: none;
}

使用@style，您可以为其设置自定义大小并禁用调整大小功能（resize：none；）。

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

在CSS中。。。

textarea {
    resize: none;
}

我发现了两件事：

第一

textarea{resize: none}

这是一个尚未发布的CSS 3，与Firefox 4（及更高版本）、Chrome和Safari兼容。

另一个格式特性是溢出：考虑到dir属性，自动删除右滚动条。

代码和不同的浏览器

基本HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <textarea style="overflow:auto;resize:none" rows="13" cols="20"></textarea>
</body>
</html>

某些浏览器

Internet Explorer 8

Firefox 17.0.1

铬

推荐文章