Ü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

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von ':focus' in dieser Spezifikation.
Arbeitsentwurf Keine Änderung
Selectors Level 3
Die Definition von ':focus' in dieser Spezifikation.
Empfehlung Keine Änderung
CSS Level 2 (Revision 1)
Die Definition von ':focus' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 1.0 1.0 (1.7 oder früher) 8.0 7.0 1.0
Merkmal Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung 1.0 1.0 (1) 8.0 6.0 1.0

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Sebastianz, SJW
Zuletzt aktualisiert von: Sebastianz,