: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
| 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