Pseudoklasse focus

Die Pseudoklasse focus definiert Stile für ein Input-Element, Textarea oder Link mit Eingabefokus. Eingabefokus bedeutet, dass wir auf das Input-Element geklickt haben und dort der Cursor blinkt (Text kann eingegeben werden).

Syntax

cssinput:focus {
  
}

Beispiel

Nach Erhalt des Fokus erhält das Input-Element einen roten Rahmen und Schatten:

html<input>

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

Результат:

Siehe auch