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

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

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

当前回答

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

其他回答

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

resize: none;

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

以下CSS规则禁用textarea元素的大小调整行为：

textarea {
  resize: none;
}

要禁用某些（但不是所有）文本区域，有几个选项。

您可以在标记中使用class属性（<textarea class=“textarea1”>）：

.textarea1 {
  resize: none;
}

要禁用名称属性设置为foo的特定文本区域（即<textarea name=“foo”></textarea>）：

textarea[name=foo] {
  resize: none;
}

或者，使用id属性（即<textarea id=“foo”></textarea>）：

#foo {
  resize: none;
}

W3C页面列出了调整大小限制的可能值：none、both、horizontal、vertical和inherit：

textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}

查看一个像样的兼容性页面，了解当前哪些浏览器支持此功能。正如Jon Hulka所评论的，CSS中可以使用最大宽度、最大高度、最小宽度和最小高度来进一步限制尺寸。

非常重要的是要知道：此属性不起作用，除非溢出属性不是可见的，这是大多数元素的默认值。因此，一般来说，要使用此选项，必须设置溢出：滚动；引自Sara Cope，http://css-tricks.com/almanac/properties/r/resize/

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

textarea {
  resize: none;
}

这可以在HTML中轻松完成：

<textarea name="textinput" draggable="false"></textarea>

这对我有用。可拖动属性的默认值为true。

在CSS中。。。

textarea {
    resize: none;
}

推荐文章