Pseudotrieda focus

Pseudotrieda focus nastavuje štýly pre vstup, textarea alebo odkaz so vstupným focusom. Vstupný focus - to je keď sme klikli na vstup a tam bliká kurzor (môžeme zadávať text).

Syntax

cssinput:focus {
  
}

Príklad

Po získaní focusu vstup získa červený rám a tieň:

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

Результат:

Pozrite tiež

  • pseudotrieda link,
    ktorá nastavuje štýl nenavštívenému odkazu
  • pseudotrieda visited,
    ktorá nastavuje štýl navštívenému odkazu
  • pseudotrieda hover,
    ktorá nastavuje štýl odkazu pri prejdení myšou
  • pseudotrieda active,
    ktorá nastavuje štýl odkazu pri aktivácii