153 of 313 menu

Pseudoklasa focus

Pseudoklasa focus ustawia style dla inputa, textarei lub linku z fokusem wprowadzania. Fokus wprowadzania - to kiedy kliknęliśmy na input i miga tam kursor-paleczka (można wprowadzać tekst).

Składnia

input:focus { }

Przykład

Po uzyskaniu fokusu input otrzyma czerwoną ramkę i cień:

<input> input:focus { border: 1px solid red; box-shadow: 0 0 3px red; }

:

Zobacz też

  • pseudoklasa link,
    która ustawia styl nieodwiedzonemu linkowi
  • pseudoklasa visited,
    która ustawia styl odwiedzonemu linkowi
  • pseudoklasa hover,
    która ustawia styl linkowi po najechaniu
  • pseudoklasa active,
    która ustawia styl linkowi po aktywacji
hysvazdaes