Wie kann ich skalierbare Textbereiche mithilfe von CSS deaktivieren?

Deaktivieren der Größenänderung von Textbereichen: Eine umfassende Anleitung

Benutzer stoßen häufig auf Größenänderungsoptionen in Textbereichen, die eine Änderung ihrer Größe ermöglichen. In bestimmten Szenarien ist die Deaktivierung dieser Funktion jedoch von entscheidender Bedeutung. Dieser Artikel enthält eine detaillierte Anleitung zum Deaktivieren der Größenänderungseigenschaft eines Textbereichs mithilfe von CSS.

Deaktivieren der Größenänderung mithilfe von CSS

Um die Größenänderung für alle Textbereiche auf einer Seite zu deaktivieren, klicken Sie auf „Anwenden“. die folgende CSS-Regel:

textarea {
  resize: none;
}

Selektiv Deaktivieren

Um die Größenänderung nur für bestimmte Textbereiche zu deaktivieren, verwenden Sie die folgenden Optionen:

• Klassenattribut: Weisen Sie dem Ziel eine Klasse zu textarea und wenden Sie das CSS an Regel:

  .textarea1 {
  resize: none;
  }

• Namensattribut: Wenden Sie die Regel auf Textbereiche mit einem bestimmten Namensattribut an:

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

• ID-Attribut: Deaktivieren Sie die Größenänderung für einen Textbereich mit einer bestimmten ID Attribut:

  #foo {
  resize: none;
  }

Zusätzliche Optionen

Das W3C definiert zusätzliche Werte für eine weitere Kontrolle über die Größenänderung:

• keine: Deaktiviert alle Größenänderung
• beides:Ermöglicht horizontale und vertikale Größenänderung
• Horizontal:Ermöglicht nur horizontale Größenänderung
• Vertikal: Ermöglicht die vertikale Größenänderung nur
• erben:Erbt das Größenänderungsverhalten des übergeordneten Elements

Um beispielsweise nur die vertikale Größenänderung zuzulassen:

textarea {
  resize: vertical;
}

Wichtige Überlegungen

Beachten Sie, dass die Größenänderungseigenschaft nur dann wirksam wird, wenn Die Überlaufeigenschaft ist auf einen anderen Wert als den Standardwert „sichtbar“ festgelegt. Normalerweise müssen Sie overflow: scroll; um die Größenänderung zu deaktivieren.

Fazit

Durch Befolgen dieser Methoden können Sie die Größenänderungseigenschaft von Textbereichen effektiv deaktivieren, wodurch das Benutzererlebnis verbessert und bestimmte Layoutanforderungen erfüllt werden.

Das obige ist der detaillierte Inhalt vonWie kann ich skalierbare Textbereiche mithilfe von CSS deaktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!