Псевдоклас focus

Псевдоклас focus задаје стилове за инпут, текстареа или везу са фокусом уноса. Фокус уноса је када смо кликнули на инпут и тамо трепће курсор-штапић (можемо уносити текст).

Синтакса

cssinput:focus {
  
}

Пример

Након добијања фокуса инпут ће добити црвену ивицу и сенку:

html<input>

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

Результат:

Погледајте такође