Pseudotřída focus

Pseudotřída focus nastavuje styly pro input, textarea nebo odkaz se zaměřením na vstup. Vstupní fokus znamená, že jsme klikli na input a bliká tam kurzor (lze psát text).

Syntaxe

cssinput:focus {
  
}

Příklad

Po obdržení fokusu získá input červený okraj a stín:

html<input>

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

Результат:

Viz také