тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

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

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

Синтаксис

input:focus { }

Пример

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

<input> input:focus { border: 1px solid red; box-shadow: 0 0 3px red; }

: