Use CSS3 to activate the button on the touch screen

1.: hover pseudo class in touch screen performance is not perfect, in the Android WebView, WebKit will handle touching events and mouse events, when the finger stays on the button, the hover state is actually triggered, but when the finger keep contact with the screen and leave the button, The hover state is still retained. Therefore, the use of: active Pseudo-class CSS to represent state changes.

2. On the touch screen,: hover and: Active also does not play a direct role, here to the use of a small hack, in the body of the HTML (or the target element) to add ontouchstart= "", to evil lure WebView listening to touch events.