Przykład
Wybierz i styl pola wejściowego, gdy robi się skupić:
input:focus
{
background-color: yellow;
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Opcja: wybieraka pola ostrości służy do wyboru elementu, który ma ostrość.
Tip: Opcja: wybieraka pola ostrości jest dozwolone na elementach, które akceptują zdarzenia klawiatury lub inne dane wejściowe użytkownika.
| Wersja: | CSS2 |
|---|
Pomoc Browser
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje wybierak.
| Selektor | |||||
|---|---|---|---|---|---|
| :focus | 4,0 | 8,0 | 2,0 | 3,1 | 9,6 |
Note: Do: skupić się na pracę w IE8, a <! DOCTYPE> muszą być zadeklarowane.
Składnia CSS
Więcej przykładów
Przykład
Gdy <input type="text"> dostaje ostrość stopniowo zmieniać szerokość od 100px do 250px:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} Spróbuj sam " Podobne strony
Kurs CSS: Klasy CSS Pseudo