-webkit-tap-highlight-color: transparent 仅在 webkit 内核浏览器（如 ios safari、微信 x5）中生效，android chrome 62+ 和 firefox 已不支持；必须作用于可激活元素（如 button、a、[role="button"]），且需配合 user-select: none 消除 ios 15.4+ 残影，禁用后须手动添加 :active 或 transform 反馈以保障可用性。
直接写 -webkit-tap-highlight-color: transparent 没效果，大概率不是代码错了，而是浏览器不认、元素不匹配，或者根本没在真机上测。
为什么 -webkit-tap-highlight-color 不生效
这个属性只在 WebKit 内核浏览器里起作用，比如 iOS Safari、微信 X5（部分版本）、QQ 浏览器；Android Chrome 62+ 和 Firefox 已完全移除支持，写了也白写。
- 值必须是
transparent或rgba(0,0,0,0)—— 写成none、unset、initial或rgba(255,255,255,0)都可能失效 - 不能写在伪类里，比如
a:active { -webkit-tap-highlight-color: transparent; }是无效的 - 不继承，父级设了
body { -webkit-tap-highlight-color: transparent; }，子元素不会自动获得 - 桌面 Chrome 的设备模拟器默认关闭 tap 高亮，开发阶段根本看不到问题，必须上真机测
哪些元素必须显式加该样式
它只对“可激活元素”生效，不是所有带 onclick 的 div 都自动命中。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 原生语义元素：
a、button、input[type="button"]、input[type="submit"]、textarea - 自定义按钮：必须同时满足
role="button"+tabindex="0"+ 绑定了click或touchstart事件 - 动态渲染节点（如 Vue 的
v-if、React 的useState切换）如果没同步role或tabindex，高亮会重新出现 - 推荐选择器：
a, button, input[type="button"], input[type="submit"], [role="button"], [tabindex="0"]
iOS 15.4+ 还有灰白残影怎么办
单独设 -webkit-tap-highlight-color: transparent 在较新 iOS 上仍可能残留微弱闪烁——这不是高亮没关掉，而是系统默认的文本可选行为触发了重绘干扰。
- 必须配合
user-select: none才算真正干净 - 但要注意：如果元素内含需复制的内容（如电话号码、地址），不能整块禁用，应改用包裹可选文本的方式隔离，例如：
<span class="selectable">138-0013-8000</span>，再对.selectable单独设user-select: text - 某些 Hybrid App 的 WebView 内核老旧，即使写了
transparent仍残留微弱灰边，这时得一并清理outline: none和border: none
关掉高亮后，用户点下去没反馈怎么办
-webkit-tap-highlight-color 是系统级视觉反馈，关掉后你得自己补上，否则用户容易误判是否点中。
- 别只靠
:active { background: #eee; }—— 移动端:active状态持续时间极短，iOS 上还有约 300ms 延迟，肉眼几乎不可见 - 更轻量的做法是
:active { transform: scale(0.98); }，无重排、响应快 - 如果用
div模拟按钮，除了样式，还得加role="button"和cursor: pointer，否则屏幕阅读器可能忽略 - 不要全局无差别设
transparent，比如input[type="checkbox"]关掉高亮反而让选中状态更难察觉
真正麻烦的从来不是加一行 CSS，而是关掉系统反馈后，你得把反馈做全、做对、做可访问——尤其是 role、tabindex、user-select 这三者的组合时机和范围，稍一错位，真机上就露馅。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
