Esempio
Selezionare e lo stile un campo di input quando viene messa a fuoco:
input:focus
{
background-color: yellow;
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
L': selettore di messa a fuoco viene utilizzato per selezionare l'elemento che ha il focus.
Tip: L': selettore di messa a fuoco è consentita su elementi che accettano gli eventi della tastiera o altri input dell'utente.
| Versione: | CSS2 |
|---|
Supporto per il browser
I numeri nella tabella specifica la prima versione del browser che supporta pienamente il selettore.
| Selettore | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: Per: attenzione a lavorare in IE8, un <! DOCTYPE> deve essere dichiarato.
CSS Sintassi
Altri esempi
Esempio
Quando un <input type="text"> viene messa a fuoco, a poco a poco cambiare la larghezza da 100px a 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} Prova tu stesso " Pagine correlate
Tutorial CSS: classi CSS Pseudo