如何停用或控制 CSS 中文字區域的大小調整？

停用文字區域大小調整

使用文字區域時，您可能會遇到需要限制使用者調整其大小的能力。預設行為允許使用者透過點擊並拖曳右下角來調整文字區域的高度和寬度。

要停用此調整大小功能，請實作下列 CSS 規則：

textarea {
  resize: none;
}

此規則將阻止使用者調整頁面上任何文字區域元素的大小。但是，如果您需要僅停用特定文字區域的大小調整，則可以使用替代方法：

• 類別屬性： 在HTML 標籤中使用類別屬性來停用調整大小一組特定的文字區域。

.textarea1 {
  resize: none;
}

• 名稱屬性： 停用具有特定名稱屬性的文字區域的大小調整。

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

• ID 屬性： 停用具有特定 ID屬性的文字區域的大小調整.

#foo {
  resize: none;
}

此外，還可以指定調整大小的類型您想要使用以下值應用的限制：

• 無（預設）： 停用所有大小調整。
• 兩者： 允許兩者水平和垂直調整大小。
• 水平： 僅允許水平調整大小。
• 垂直： 僅允許垂直調整大小。
• 繼承： 從父元素繼承調整大小屬性。

請記住，調整大小屬性僅在溢出屬性未設定為時影響文字區域的行為可見（這是預設值）。要使用調整大小屬性，通常需要將溢出設定為滾動。

以上是如何停用或控制 CSS 中文字區域的大小調整？的詳細內容。更多資訊請關注PHP中文網其他相關文章！