Created attachment 125727 [details] Screenshot shows how tap highlight works when clicking on an IMG element which is placed inside an anchor with -webkit-tap-highlight-color For the tap effect we are using -webkit-tap-highlight-color for the anchor which includes three elements in our page : a. IMG element - placeholder for product image b. DIV element - placeholder for product label c. SPAN element - placeholder for background-image The highlight color works fine for both DIV with placeholder text/product label and SPAN with background-image. But then, when I click the image it only highlights the image area, not the complete anchor. In our page we assume all three elements (IMG, DIV and SPAN) as one single entity so we are expecting it to highlight the complete anchor instead of just highlighting the target element which is clicked inside the anchor. Problems are captured and attached as snapshot. Also, it would be great if we got a pseudo class for anchor tap like a:hover. This helps to achieve dynamic effects easily. In this case, we can change the product label font color or the background image during the tab highlight.
Created attachment 125728 [details] Screenshot shows how tap highlight works when clicking on a DIV / SPAN element which is placed inside an anchor with -webkit-tap-highlight-color