Pseudoklassen focus

Pseudoklassen focus sätter stilar för input, textarea eller länk med inmatningsfokus. Inmatningsfokus är när vi klickat på inputfältet och där blinkar en markör-pinne (man kan skriva text).

Syntax

cssinput:focus {
  
}

Exempel

Efter att ha fått fokus kommer inputfältet få en röd ram och skugga:

html<input>

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

Результат:

Se även