移动端浏览器 点击或触摸链接时出现蓝色背景，解决办法。

<style>
  html{
    -webkit-tap-highlight-color:transparent
  }
</style>

移动端浏览器（尤其是基于 WebKit 的浏览器，如 iOS Safari 和 Android Chrome）在用户点击或触摸链接时，会添加蓝色背景。这是为了给用户一个视觉反馈，让他们知道点击操作已被触发。这种反馈机制是浏览器内置的默认行为，用于提高用户体验，尤其是在触摸屏设备上。

产生蓝色背景的原因
触摸反馈机制：移动设备上没有鼠标悬停效果，因此当用户触摸屏幕时，浏览器会以蓝色背景高亮链接，表示点击操作已被识别。这是替代鼠标悬停的一种反馈。

可访问性：这种视觉反馈可以帮助用户确认他们点击了正确的链接或按钮，从而增强交互体验。

影响范围
这个蓝色背景高亮通常会出现在以下元素上：

链接
带有 role=“button” 或其他可点击的元素