Pseudoclasse focus

La pseudoclasse focus imposta gli stili per un input, textarea o link con focus di inserimento. Focus di inserimento - è quando clicchiamo su un input e vediamo la barra del cursore lampeggiare (possiamo inserire testo).

Sintassi

cssinput:focus {
  
}

Esempio

Dopo aver ricevuto il focus, l'input avrà un bordo rosso e un'ombra:

html<input>
cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

Vedi anche

  • la pseudoclasse link,
    che imposta lo stile per un link non visitato
  • la pseudoclasse visited,
    che imposta lo stile per un link visitato
  • la pseudoclasse hover,
    che imposta lo stile per un link al passaggio del mouse
  • la pseudoclasse active,
    che imposta lo stile per un link all'attivazione