Minha navegação é bem simples. Eu tenho um estado de foco que adiciona uma borda e um fundo transparente png gradiente para algum texto e uma classe adicional que, quando adicionado por jQuery, adiciona cor por trás dessa imagem transparente.

Se você clicar para alternar a classe em um navegador da Web, verá a cor entrar e sair, mas a imagem de fundo permanecerá se você nunca mover o mouse para fora do botão. Esse é o comportamento esperado.

Meu problema é que, ao usar um iPad, o toque parece manter o estado de foco e as propriedades: hover nunca desaparecem, a menos que você clique em outro botão. Nesse caso, as propriedades persistentes: suspensas são adicionadas a esse botão até que outro seja pressionado.

Não consigo imaginar que sou o primeiro com este problema, mas as buscas não transformaram nada.

Socorro?

Normal - Hover - Ativo (via addClass ())