Pseudoklasa :focus CSS

Definicja i zastosowanie

CSS :focus Pseudoklasy służą do wyboru i ustawiania stylów elementów uzyskujących fokus.

Przykład

Przykład 1

Wybierz i ustaw styl pola wejściowego po uzyskaniu fokusu:

input:focus {
  kolor_tła: żółty;
}

Spróbuj sam

Przykład 2

Zmiana koloru tła i szerokości, gdy pole wejściowe uzyskuje fokus:

input:focus {
  kolor_tła: żółty;
  szerokość: 250px;
}

Spróbuj sam

Gramatyka CSS

:focus {
  deklaracje css;
}

Szczegóły techniczne

Wersja: CSS2

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten pseudoklasz.

Chrome Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Strony związane

Przykład:Pseudoklasa CSS