Exemplu
Selectați și stilul unui câmp de intrare atunci când se concentreze:
input:focus
{
background-color: yellow;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
: Selectorul de focalizare este folosit pentru a selecta elementul care are focalizarea.
Tip: The: selectorului de focalizare este permisă pe elementele care accepta evenimente tastatură sau alte intrări de utilizator.
| Versiune: | CSS2 |
|---|
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin selectorul.
| Selector | |||||
|---|---|---|---|---|---|
| :focus | 4 | 8 | 2.0 | 3.1 | 9.6 |
Note: Pentru: se concentreze pentru a lucra în IE8, un <! DOCTYPE> trebuie să fie declarate.
CSS Sintaxa
Mai multe exemple
Exemplu
Atunci când un <input type="text"> devine focalizare, schimba treptat lățimea de la 100px la 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} Încearcă - l singur » Pagini similare
Tutorial CSS: clase CSS Pseudo