Recently in an information client, using UIWebView to display some Web content, originally wanted to do a simple compression effect, found that setting the active property in CSS has not worked.
Looking at the data, today found that in order for the CSS active pseudo-class to take effect, only need to give the element's Touchstart/touchend binding an empty anonymous method can be successful.
The following is a simple example of a text:
<!DOCTYPE HTML><HTML><Head><style>P{Color:Yellow;}p:active{Color:Red;}</style></Head><Body> <P>Test Active text</P></Body><Script> varP=document.getElementsByTagName ('P'); for(varI=0; I<P.length;i++) {P[i].addeventlistener ('Touchstart',function(){},false); };</Script></HTML>
Use the JS code to get this element, and then add a Touchstart method by AddEventListener.
When you click on the text, you can find that the color changes from yellow to red, active pseudo-class is in effect!
Active pseudo-Class for IOS Web development activation CSS