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

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

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

当前回答

textarea {
  resize: none;
}

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

.not-resizable {
   resize: none;
}

在HTML中

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

其他回答

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

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

textarea {
    resize: none;
}

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

resize: vertical;

resize: horizontal;

您需要在component.CSS中设置以下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

铬

正在添加！重要的使其发挥作用：

width:325px !important; height:120px !important; outline:none !important;

大纲只是为了避免某些浏览器上的蓝色大纲。

推荐文章