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

cssinput:focus {
  
}

Przykład

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

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

Zobacz też