Remove the A-label chain when touching and creating a border

Exclude misunderstanding

Network data said that this property is only used for iOS (iphone and ipad), in fact, is wrong, Android phone most of the support, but the display is not the same, mobile development is not mature, more need to practice to identify the authenticity of-

-webkit-tap-highlight-color usage

WebKit Kernel Browser, when the user clicks on a link or a clickable element defined by JS, a translucent gray background or red border will appear.

If you want to disable highlighting, you can set the alpha value of the color to 0, which means that the last digit of the property value is set to 0 to remove the background or border.

Remove the CSS code that creates a border when the Android chain touches touch

A,button,input{-webkit-tap-highlight-color:rgba (255,0,0,0);} /* 1. Remove the border generated when the Android A/button/input tag is clicked 2. Remove the translucent gray background generated when the iOS a tag is clicked */

Remove the A-label chain when touching and creating a border