В этом примере мы используем селектор :focus, чтобы добавить черный цвет границы в текстовое поле при его фокусировке (щелчок по):
Обратите внимание, что мы добавили свойство перехода CSS для анимации цвета границы (занимает 0,5 секунды, чтобы изменить цвет в фокусе).