:focus

Übersicht

Die CSS Pseudoklasse :focus steht für Elemente, welche mit einem Eingabegerät, wie z. B. der Tastatur, fokusiert wurden.

Syntax

element:focus { ... }

Beispiele

.first-name:focus {
  color: red;
}

.last-name:focus {
  color: lime;
}

<input class="first-name" value="Dieser Text wird rot, wenn das Textfeld den Fokus erhält">
<input class="last-name" value="Dieser Text wird grün, wenn das Textfeld den Fokus erhält">

Spezifikationen

Browser Kompatibilität