Pseudo-klassen focus

Pseudo-klassen focus setter stiler for en input, en textarea eller en lenke med inndatasfokus. Inndatasfokus betyr at vi har klikket på inputfeltet og at markøren blinker der (man kan skrive tekst).

Syntaks

cssinput:focus {
  
}

Eksempel

Etter å ha fått fokus vil inputfeltet få en rød kant og skygge:

html<input>

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

Результат:

Se også