去除图片超链接点击时候的蓝色背景

前言

标题说的有点绕，容我慢慢道来

• 用图片做 Logo 的时候，通常会为它加上超链接，类似 <a href=""><img src=""/></a>
• 在点击图片的时候，浏览器会用超链接的默认点击样式来展现
• 于是图片出现了难看的蓝色覆盖层，就像下图这样

方法

css 定义这个 a 标签的样式

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