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
input:focus {
}
Beispiel
Nach Erhalt des Fokus erhält das Input-Element einen roten Rahmen und Schatten:
<input>
input:focus {
border: 1px solid red;
box-shadow: 0 0 3px red;
}
:
