CSS :focus-within pseudoklasa

Definicja i użycie

CSS :focus-within Pseudoklasy są używane do dopasowania elementu, jeśli ten element lub jego jakieś potomki uzyskują fokus.

Przykład

Kiedy pewne pole formularza uzyskuje fokus, wybierz i ustaw styl formularza:

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

Spróbuj sam!

CSS składnia

:focus-within {
  deklaracje css;
}

Szczegóły techniczne

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę pseudoklasę.

Strony związane

Tutorial:CSS pseudoklasy

Odnośnik:Pseudoklasa :focus w CSS