Beispiel
Wählen und ein Eingabefeld Stil, wenn es den Fokus erhält:
input:focus
{
background-color: yellow;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Der: Fokus Selektor wird verwendet, um das Element auszuwählen, das den Fokus hat.
Tip: Der: Fokus Wähler auf Elemente erlaubt , die Tastaturereignisse oder andere Benutzereingaben akzeptieren.
| Version: | CSS2 |
|---|
Browser-Unterstützung
Die Zahlen in der Tabelle gibt die erste Browser-Version, die die Wähler voll unterstützt.
| Wähler | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: Für: Fokus in IE8 zu arbeiten, ein <! DOCTYPE> muss deklariert werden.
CSS-Syntax
Mehr Beispiele
Beispiel
Wenn ein <input type="text"> Fokus erhält, ändern sich allmählich die Breite von 100px zu 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Pseudo - Klassen