-webkit-tap-highlight-color: transparent 必须作用于真正响应点击的可激活元素（如button、a、带onclick的元素），且不继承，需针对uni-button及其内部button、uni-grid-item外层容器等具体节点精确设置，并配合touch-action: manipulation和outline处理，nvue则需手动控制。
直接加 -webkit-tap-highlight-color: transparent 不一定生效——它必须命中真正响应点击的 DOM 节点，且不同平台、不同组件内部结构差异极大，盲目套用全局规则大概率漏掉关键节点。
uni-button 的高亮为什么加在组件上还不消失
因为 uni-button 编译后内部会生成原生 button 标签，而 -webkit-tap-highlight-color 只对可激活元素（如 button、a、带 onclick 的元素）生效，且不继承父级样式。
- 必须同时作用于
uni-button和其内部button：uni-button { -webkit-tap-highlight-color: transparent; }<br>uni-button button { outline: none; -webkit-tap-highlight-color: transparent; } - 如果用了
plain属性，仍需手动加样式，plain只影响背景/边框，不关高亮 - H5 端额外要处理
outline，否则键盘聚焦时仍有虚线框
uni-grid-item 或自定义 <view></view> 点击发蓝/发黑
这类情况高亮往往出现在子元素（比如 <text></text> 或内层 <view></view>）上，不是组件标签本身。uni-app 编译后，uni-grid-item 内部结构是黑盒，不能只靠“猜”选中器。
- 给可点击区域的**最外层包裹容器**加 class，例如：
<view class="clickable-item"><uni-grid-item>...</uni-grid-item></view> - 对应样式写死在该 class 上：
.clickable-item, .clickable-item * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - 避免用
* { -webkit-tap-highlight-color: transparent; }——会干掉input聚焦反馈，损害可访问性
iOS H5 点击闪黑、安卓部分机型点击失灵
iOS Safari 的 -webkit-tap-highlight-color 默认是黑色半透蒙层；而某些安卓 WebView（尤其旧版）在启用该属性但没设 touch-action 时，会干扰 touch 事件流，导致点击延迟或无响应。
- 务必补上
touch-action: manipulation（作用于同级或父容器），告诉浏览器“这是纯手势操作，别做额外判断” - iOS 上仅写
transparent更稳妥，rgba(0,0,0,0)在 iOS 9 及更早版本可能失效 - nvue 页面不支持
-webkit-tap-highlight-color，得用touchstart/touchend手动切 class 控制视觉态
最容易被忽略的是：你以为关掉了高亮，其实只是没打中真正的触发节点——真机调试时，用 Chrome DevTools 或 Safari Web Inspector 查看实际点击时高亮覆盖在哪一层 DOM 上，再针对性加样式，比堆全局规则靠谱得多。
