: active funktioniert nicht mit PhoneGap

Question

Ich versuche, einen <div> zu haben, der beim Berühren langsam seine Hintergrundfarbe ändert.

Ich verwende dafür die Pseudoklasse :active:

div {
    background: #fff;
    transition: all .3s linear;
    -o-transition: all .7s linear;
    -moz-transition: all .7s linear;
    -webkit-transition: all .7s linear; 
}

div:active {
    background: #E5CC00;
}

Funktioniert perfekt unter Chrome, aber nicht unter PhoneGap / Android.Ich habe auch versucht, :hover.

Irgendwelche Ideen?

Answer 1

Die: aktive Pseudoklasse funktioniert auf dem div-Tag unter Android nicht.Es funktioniert jedoch auf dem Ankertag.Schauen Sie sich diese StackOverflow-Antwort an:

So simulieren Sie: aktive CSS-Pseudoklasse in Android auf Nicht-Link-Elementen?