Псевдоклас focus

Псевдокласът focus задава стилове за инпут, текстова област или връзка с фокус на въвеждане. Фокус на въвеждане - това е когато сме кликнали върху инпут и там мига курсор-палка (може да се въвежда текст).

Синтаксис

cssinput:focus {
  
}

Пример

След получаване на фокус инпутът ще получи червена граница и сянка:

html<input>

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

Результат:

Вижте също