Псевдокласс focus

Псевдокласс focus инпутқа, текстареаға немесе сілтемеге фокус орнаған кездегі стильдерді белгілейді. Енгізу фокусы - бұл инпутты басқанда курсордың жыпылықтап тұруы (мәтін енгізуге болады).

Синтаксис

cssinput:focus {
  
}

Мысал

Фокусты алғаннан кейін инпут қызыл шекара мен көлеңке алады:

html<input>

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

Результат:

Сондай-ақ қараңыз