CSS buttons for touch devices?

Question

I'm building a site and have lots of buttons, problem is, if i only add the .active state to the button, nothing shows on the button, and if i add a hover state, then at least one button shows a pressed state when loading the site, and if i click on another button it will always be in hover state. Is there a way around this?

Best

Answer 1

You can achieve this on a touch device by binding the touchstart / touchend events using javascript.. Check out BGerrissen's answer