<p>真机点击出现的“高亮阴影”或“蓝色蒙层”本质是 Webkit 内核默认点击反馈，需手动通过 -webkit-tap-highlight-color 等样式全局覆盖，且必须显式作用于具体标签（如 button、view）及 uni- 组件内部结构，nvue 页面则需用 touchstart/touchend 手动控制。</p>
uni-app 内置组件（比如 uni-grid-item、uni-button、uni-nav-bar 里的可点击区域）在真机上点击时出现的“高亮阴影”或“蓝色蒙层”，本质是 Webkit 内核的默认点击反馈，不是 uni-app 主动加的，但组件默认没屏蔽它——所以得你手动关。
为什么 -webkit-tap-highlight-color 必须写全且覆盖到具体标签
很多项目只在 page 或 view 上设 -webkit-tap-highlight-color: transparent，但无效。原因是：uni-app 编译后，uni-grid-item、uni-button 这类组件内部会生成自己的 wrapper 标签（如 div 或自定义标签），而这些标签没继承父级样式，必须显式命中。
- 小程序端（微信/支付宝）只认
view、button、navigator等原生标签，uni-xxx是自定义组件，其内部结构依赖平台编译结果，不能靠猜 - App 端（iOS）对
-webkit-tap-highlight-color支持更严格，且要求 alpha 值为 0，仅写transparent有时不生效 - H5 端需额外处理
outline，否则键盘聚焦时仍有虚线框
uni-grid-item 和 uni-button 的高亮怎么分别处理
这两个组件行为不同：uni-grid-item 默认无内置点击态，但包裹了 view；uni-button 则自带 button 标签，触发原生高亮逻辑更强。
- 对
uni-grid-item：在它的直接子元素（比如<text>或自定义<view>）上加 class，然后用 CSS 覆盖：.grid-item-clickable {<br> -webkit-tap-highlight-color: rgba(0, 0, 0, 0);<br> outline: none;<br>} - 对
uni-button：必须作用于组件本身，并禁用其内部button的 outline：uni-button {<br> -webkit-tap-highlight-color: rgba(0, 0, 0, 0);<br>}<br>uni-button button {<br> outline: none;<br>} - 如果用了
hover-class做自定义按压态，记得加hover-stop-propagation，否则 tap 高亮和 hover 效果会打架
App 端点击不灵敏？可能是高亮样式干扰了 touch 响应
某些安卓机型（尤其旧版 WebView）在启用 -webkit-tap-highlight-color 同时又没设 touch-action: manipulation，会导致 touchstart 延迟或吞事件。
- 在全局样式里补一句：
* {<br> -webkit-tap-highlight-color: rgba(0, 0, 0, 0);<br> touch-action: manipulation;<br>} - 别滥用
user-select: none——它虽能防误选，但会破坏 input、textarea 的光标定位 - App 端若仍卡顿，检查是否在
@click回调里做了同步重渲染（比如直接改了大量响应式数据），这比高亮问题更影响手感
真正麻烦的是 nvue 页面——-webkit-tap-highlight-color 完全不生效，只能靠 touchstart/touchend 手动 toggle class 控制视觉反馈，而且要自己处理 300ms 延迟和 click 冒泡。这点很容易被忽略，直到测试机上点不动才回头查。
