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

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

Синтаксис

cssinput:focus {
  
}

Пример

После получения фокуса инпут получит красную границу и тень:

html<input>

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

Результат:

Смотрите также