Click on black Background resolution:-webkit-tap-highlight-color:rgba (0,0,0,0)

On the phone (iphone) When the button is clicked, the screen will always flash, which makes the page look unfriendly and not smooth. The solution adds a CSS to the solution:

-webkit-tap-highlight-color:rgba (0,0,0,0//WebKit is the Apple browser engine, tap Click, highlight background highlighting, color colors, The color is numerically adjusted. 

The reasons are as follows:

On the mobile side, the element with the event listener is highlighted when clicked, and the-webkit-tap-highlight-color property overrides the highlighted color of the display when the user clicks on a link or JavaScript clickable element in the iOS Safari browser.

This property can only set transparency. If transparency is not set, IOS Safari uses the default transparency. When transparency is set to 0, this property is disabled, and when the transparency is set to 1, the element is not visible when clicked.

Click on black Background resolution:-webkit-tap-highlight-color:rgba (0,0,0,0)