CSS :focus-within Pseudo-Klasse

Definition und Verwendung

CSS :focus-within Pseudo-Klassen werden verwendet, um ein Element zu passend zu machen, wenn dieses oder eines seiner Nachkommenfaktoren fokussiert wird.

Beispiel

Wenn ein Feld eines Formulars fokussiert wird, wählen und setzen Sie das Stil des Formulars:

form:focus-within {
  border: 2px fest schwarz;
  background-color: beige;
  color: schwarz;
}

Versuchen Sie es selbst

CSS Syntax

:focus-within {
  css-Ausdrücke;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die die Pseudo-Klasse vollständig unterstützt.

Verwandte Seiten

Tutorial：CSS Pseudo-Klassen

参考：CSS :focus Pseudoklasse