Front-end wap page problem, begging for answers, _html/css_WEB-ITnose

Recently I was working on a web page for mobile phones. I put some pictures and text in the a tag. When you click the a tag to jump, a border or internal elements will appear (that is, the internal elements have a blue mask layer). ), the user experience is very poor, how to remove this thing? I have set border:none and used outline:none, but it doesn’t work. Please help me solve it.

Reply to the discussion (solution)

If it is a picture, try setting the border of the picture to 0. Under IE, the img tag will look like this in the a tag. Sometimes

For text, the problem is that the content elements include pictures and text, and mainly the content When the whole block appears and is selected, the mask layer of the selected element will appear before the jump, as if it were the background color. How can I optimize this? Thank you

border 0 cannot solve it. Please help me.

Set the pseudo style of the a tag,
a:link {color: #ffffff} /* Unvisited link */

a:visited {color: #ffffff} /* Visited link */

a:hover {color: #ffffff} /* When the mouse is hovering over the link */

a:active {color: #ffffff}/* The selected link */
Change #FFFFFF to the original color of your A tag, pay attention to the order.

?This is a unique feature of the row??

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

Thanks to the help of the master on the 5th floor, the problem was successfully solved, thank you very much La, and thanks to the other two friends for their help and support, thank you~