Pseudoklassen focus

Pseudoklassen focus angiver stilarter for et inputfelt, et tekstområde eller et link med inputfokus. Inputfokus er når vi har klikket på inputfeltet og markøren blinker der (man kan indtaste tekst).

Syntaks

cssinput:focus {
  
}

Eksempel

Efter at have fået fokus, vil inputfeltet få en rød ramme og skygge:

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

Результат:

Se også

  • pseudoklassen link,
    som angiver stil til et ikke-besøgt link
  • pseudoklassen visited,
    som angiver stil til et besøgt link
  • pseudoklassen hover,
    som angiver stil til et link ved hover
  • pseudoklassen active,
    som angiver stil til et link ved aktivering