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

Псевдокласс focus инпут, текстареа же шилтеме үчүн фокустук киргизүү стилдерин белгилейт. Фокустук киргизүү - бул биз инпутту басып, анда жаркылдаган курсор-таякча бар учур (текст киргизсе болот).

Синтаксис

cssinput:focus {
  
}

Мисал

Фокус алгандан кийин, инпут кызыл чек араны жана көлөкөнү алат:

html<input>

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

Результат:

Ошондой эле караңыз