По клику изменить цвет кнопки без залипания?

Question

[Gorila Lopster]

Есть две кнопки у них hover еффект изменения бекграунда на желтый
Проблема заключается в том, что на мобильных девайсах, по клику на кнопку, желтый цвет залипает, пока не тыкнешь пальцем в другую область
Как решить этот вопрос, что бы по клику кнопка покрасилась в желтый на 1 секунду допустим и вернулась в дефолтный цвет обратно?

Comments

[krka92]

если по клику, то можно попробовать :active

[Rustam Bainazarov]

Раньше можно было вот так:


Или так:


Но с какого-то лешего в Chrome на Android это теперь не работает. Точнее, работают стили для точных устройств с поддержкой механизма hover. В режиме эмуляции мобильного устройства десктопного Chrome и в Safari это работает.

Ну а так, я сейчас делаю проверку сенсора с помощью JS и ставлю нужный класс для body, от чего и пляшу.

Answer 1

[dollar]

Для мобильных нужна мобильная версия сайта. И в ней не должно быть hover. А там уж как решите, можно повесить событие на onclick и во время клика повесить через setTimeout еще одно событие на срабатывание через 1 секунду, которое и будет убирать.

Только там хитрее. Ведь пользователь может нажимать несколько раз с интервалом в 0.5 сек. Это нужно будет учесть.

Answer 2

[Алексей]

можно попробовать через свойство CSS:
transform: all 200ms linear;