Pseudo-classe :focus-within CSS

Définition et utilisation

CSS :focus-within Les pseudo-classes sont utilisées pour correspondre à un élément, si cet élément ou l'un de ses éléments descendants obtient le focus.

Exemple

Lorsque un champ du formulaire obtient le focus, sélectionnez et définissez le style du formulaire :

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

Essayez-le vous-même

Grammaire CSS

:focus-within {
  déclarations css;
}

Détails techniques

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe.

Pages associées

Tutoriel :Pseudo-classe CSS

Référence :Pseudo-classe :focus CSS