Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik informatyk , Technik programista
Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe
W CSS zdefiniowano regułę input:focus { background-color: LightGreen; }
Kiedy pole edycyjne będzie miało jasnozielone tło?
Odpowiedzi
Źle. Reguła działa tylko dla pola w stanie aktywności.
Dobrze.
:focus dotyczy aktywnego (skupionego) pola.Źle. Najechanie to
:hover, nie :focus.Źle.
:focus nie dotyczy kolejności wystąpień.Informacja zwrotna
Pseudoklasa
:focus dotyczy elementu, który jest AKTYWNY - ma „fokus”, np. pole tekstowe po kliknięciu, gotowe do wpisywania. Dlatego input:focus zadziała po kliknięciu w pole, gdy jest aktywne.