Я хочу изменить свойства моего div, когда поле ввода внутри него сфокусировано [закрыто] ⇐ CSS

[Anonymous]

В настоящее время я работаю над страницей входа в систему, на которой я использую div для размещения моего поля ввода и svg-значка следующего ввода. Я хочу, чтобы при фокусировке внутри поля ввода к границам моего div применялся градиентный переход до тех пор, пока поле ввода не окажется в фокусе.

Я пробовал много разных методов, таких как использование border-image, border-image-slice и т. д., но ни один из них не помог.