CSS removes the background color of elements generated when they are clicked on the mobile terminal (recommended)

Add the following code to the CSS style of the element that generates the background color when clicking:

-webkit-tap-highlight-color: transparent;

ps: Let's take a look at the css to cancel the background color of the a tag when it is clicked on the mobile terminal

1. Cancel the blue color of the a tag when it is clicked on the mobile terminal

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;

2. When using an image as the click button of the a tag, there is often a gray background when touchstart is triggered

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

3. Change the background color of the selected content

::selection { 
    background: #FFF; 
    color: #333; 
} 
::-moz-selection { 
    background: #FFF; 
    color: #333; 
} 
::-webkit-selection { 
    background: #FFF; 
    color: #333; 
}

4. Remove the gray background when clicking the ios input box

-webkit-tap-highlight-color:rgba(0,0,0,0);

Summarize

The above is the CSS that I introduced to you to remove the background color of elements when clicking on the mobile terminal. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!