Имеется кнопка HTML с 3 фонами - каждый для нормального состояния, при наведении и клике. Конечно, он отлично работает с не сенсорным устройством. Если кнопка нажата на сенсорном устройстве, состояние: hover также срабатывает и остается до касания другого элемента.
Можно ли программно удалить состояние зависания из элемента после его нажатия или запретить его активацию на сенсорных устройствах?
Извините, но предложения по обнаружению событий mouseover и mouseout и добавления искусственных классов не принимаются.
Одним из возможных решений является добавление класса «без прикосновения» к элементу html заранее и удаление его, если обнаружено только сенсорное устройство. В этом случае CSS-селектор «html.no-touch button: hover» не будет соответствовать сенсорному устройству.
Знаете ли вы более элегантные решения, которые вы можете предложить?