Проблема при скрытии стилей фокусировки при щелчке по компоненту html

Question

Я создаю компонент ввода. Для лучшего UX я скрываю стили фокусировки при щелчке по компоненту (это я сделал в обработчике события click). Но это не работает хорошо в одном сценарии:

1. Щелкните компонент
2. покинет вкладку браузера (я использую хром)
3. Вернись к вкладке браузера

Как только вы возвращаетесь к событию фокуса на странице, который был в последний раз сфокусирован, но поскольку событие щелчка не получило увольнения, возвращается стиль. Что-то, чего ты не хотел.

Может кто-то plz предложить хорошее решение для этого.

Answer 1

Используйте CSS для удаления/редактирования стиля.

input:focus { 
    box-shadow: none; 
    outline: none; 
}