Wie kann ich die Größenänderung von Textbereichen in CSS deaktivieren oder steuern?

Größenänderung eines Textbereichs deaktivieren

Wenn Sie mit Textbereichen arbeiten, kann es sein, dass Sie die Möglichkeiten der Benutzer zur Größenänderung einschränken müssen. Das Standardverhalten ermöglicht es Benutzern, die Höhe und Breite des Textbereichs anzupassen, indem sie auf die rechte untere Ecke klicken und ziehen.

Um diese Größenänderungsfunktion zu deaktivieren, implementieren Sie die folgende CSS-Regel:

textarea {
  resize: none;
}

Diese Regel verhindert, dass Benutzer die Größe von Textbereichselementen auf der Seite ändern. Wenn Sie die Größenänderung jedoch nur für bestimmte Textbereiche deaktivieren müssen, können Sie alternative Methoden verwenden:

• Klassenattribut: Verwenden Sie ein Klassenattribut im HTML-Tag, um die Größenänderung für zu deaktivieren ein bestimmter Satz von Textbereichen.

.textarea1 {
  resize: none;
}

• Namensattribut: Deaktivieren Größenänderung für einen Textbereich mit einem bestimmten Namensattribut.

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

• ID-Attribut: Größenänderung für einen Textbereich mit einem bestimmten ID-Attribut deaktivieren.

#foo {
  resize: none;
}

Darüber hinaus können Sie die Art der Größenänderungsbeschränkungen, die Sie anwenden möchten, wie folgt angeben Werte:

• keine (Standard): Deaktiviert alle Größenänderungen.
• beide: Ermöglicht sowohl horizontale als auch vertikale Größenänderungen.
• horizontal: Erlaubt nur horizontal Größenänderung.
• vertikal: Ermöglicht nur vertikale Größenänderung.
• erben:Erbt die Größenänderungseigenschaft vom übergeordneten Element.

Denken Sie daran, dass sich die Größenänderungseigenschaft nur auf das Verhalten von Textbereichen auswirkt, wenn die Überlaufeigenschaft nicht auf „sichtbar“ gesetzt ist (was ist die Standardeinstellung). Um die Größenänderungseigenschaft zu verwenden, müssen Sie den Überlauf normalerweise auf Scrollen einstellen.

Das obige ist der detaillierte Inhalt vonWie kann ich die Größenänderung von Textbereichen in CSS deaktivieren oder steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!