@teosoph
not a magician, I just learn front-end programming

Как снять фокус с кнопки после клика, если на ней установлен transform: scale(1.1)?

60a2d9c543756308186121.png60a2d99ddb65a525822061.pngНа сайте установлена кнопка заказа билета, на которой висит transform: scale(1.1) при фокусе.
Когда наводишь на неё курсор она увеличивается и остаётся увеличенной после клика.

Проблема: как сделать авто-сброс фокуса с кнопки с последующим её уменьшением до scale(1)?

Попытка решения: установленный event.target.blur() решает проблему на половину, фокус теряется, но для этого нужно пошевелить мышью.

Вопрос: как сделать так, чтобы фокус сбрасывался автоматически при клике без необходимости двигать мышью?
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ответы на вопрос 2
yarkov
@yarkov Куратор тега JavaScript
Проект "Жизнь после смерти" - lifeafterdeath.ru
Увеличение на :hover
Возврат размера на :active

Видимо так. Вы бы css показали лучше, чем эти абстрактные объяснения.
Ответ написан
budfy
@budfy
Верстальщик головой
Используйте псевдокласс :focus-visible вместо :focus.
И рекомендую, всё-таки чтобы состояния ховера и фокуса чем-то отличались.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы