Pseudo-classe :focus CSS

Definizione e uso

CSS :focus I pseudo-classe vengono utilizzati per selezionare e impostare lo stile degli elementi che ricevono l'attenzione.

Esempio

Esempio 1

Seleziona e imposta lo stile quando il campo di input riceve l'attenzione:

input:focus {
  colore_di_sfondo: giallo;
}

Prova da solo

Esempio 2

Cambia il colore di sfondo e la larghezza quando il campo di input riceve l'attenzione:

input:focus {
  colore_di_sfondo: giallo;
  larghezza: 250px;
}

Prova da solo

Sintassi CSS

:focus {
  declarazioni css;
}

Dettagli tecnici

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta per la prima volta il pseudo-classe.

Pagine correlate

Guida:Pseudo-classe CSS