css - :hover on touchscreen / phonegap ... make it stop?

Question

I'm playing around with apps on Phonegap, and ran into something that's bugging me.

When I put :hover on a class and change the background, it looks like a real button being pressed on a touchscreen, which is good, yeah.

But if I push the button, then slide my finger off the button (without actually clicking it), it still thinks I'm hovered over it so the background stays changed.

Is there another thing I can use besides :hover that won't stay? Only triggered when it's actually clicked?

Hopefully you get what I'm trying to explain.

Answer 1

You could try using the :active psuedoclass:

https://developer.mozilla.org/en-US/docs/Web/CSS/:active