5 августа буду в отъезде. отвечаю по возможности

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

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

Синтаксис

input:focus { }

Пример

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

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

: