如何在 CSS 中禁用或控制文本区域大小调整？

禁用文本区域大小调整

在 Web 开发领域，通常需要控制文本区域的大小调整行为。默认情况下，可以通过拖动右下角来调整文本区域的大小，从而允许用户调整其尺寸。然而，在某些情况下，此功能可能不是必需的或不需要的。

要禁用文本区域的调整大小属性，可以利用 CSS 的强大功能。以下规则可有效防止调整文本区域的大小：

textarea {
  resize: none;
}

此规则适用于文档中的所有文本区域。但是，如果您只想禁用特定文本区域的大小调整，则可以使用类或属性选择器。

例如，要禁用“textarea1”类的文本区域的大小调整：

.textarea1 {
  resize: none;
}

或者，禁用调整具有名称的特定文本区域的大小"foo":

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

或者，如果您更喜欢使用 ID 属性：

#foo {
  resize: none;
}

W3C 规范提供了用于限制调整大小行为的附加选项，包括“both”、“水平”和“垂直”。这允许您指定可以调整哪些尺寸（宽度或高度）。

textarea {
  resize: vertical; /* Resize vertically, fixed width */
}

需要注意的是，“resize”属性仅在“overflow”属性设置为值时才生效除了“可见”之外。因此，要启用调整大小，请确保文本区域的“溢出”属性设置为“滚动”或其他合适的值。

以上是如何在 CSS 中禁用或控制文本区域大小调整？的详细内容。更多信息请关注PHP中文网其他相关文章！