Pseudoklasa CSS :focus

Pseudoklasa CSS :focus wybiera element, który jest w trybie gotowości do przyjmowania danych z myszy, klawiatury lub z innych źródeł.

Najczęściej dotyczy więc klikniętych lub aktywowanych w inny sposób elementów formularza i innych elementów wybranych na stronie za pomocą klawisza Tab.

Przykład użycia :focus

Poniższa reguła sprawi, że kiedy użytkownik kliknięciu element input przeznaczony do wprowadzenia adresu e-mail, znajdujący się w nim tekst stanie się pochylony. Następne kliknięcie w dowolnym innym miejscu, poza tym elementem, spowoduje powrót do pierwotnego formatowania.

input[type=email]:focus {font-style: italic}

Składnia :focus

Składnia pseudoklasy :focus:

:focus {...}

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Subskrybuj
Powiadom o
guest

0 Komentarze
Najstarsze
Najnowsze Najwięcej głosów
Opinie w linii
Zobacz wszystkie komentarze
0
Chętnie poznam Twoje przemyślenia, skomentuj.x