Псевдокласс focus
Псевдокласс focus задает стили для
инпута,
текстареа
или ссылки
с фокусом ввода. Фокус ввода - это
когда мы нажали на инпут и там моргает курсор-палочка
(можно вводить текст).
Синтаксис
input:focus {
}
Пример
После получения фокуса инпут получит красную границу и тень:
<input>
input:focus {
border: 1px solid red;
box-shadow: 0 0 3px red;
}
: