Ü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
BCD tables only load in the browser