ios h5点击闪黑背景是safari webview默认的触摸反馈行为，需用-webkit-tap-highlight-color: transparent（或rgba(0,0,0,0)）全局或局部禁用，仅对h5生效且必须作用于所有可点击元素。
直接给点击区域加 -webkit-tap-highlight-color: transparent，就能干掉那个一闪而过的黑色背景。
为什么iOS H5点击会闪黑背景
这是 Safari WebView 的默认行为：用户手指按下去时，浏览器会画一个半透明黑色遮罩反馈“我收到了”，类似原生 App 的点击涟漪。但这个遮罩颜色是系统级的，无法通过普通 CSS 覆盖，只能禁用。
- 只在 iOS Safari 和部分 Android 浏览器（如旧版 Chrome）中出现
- Android 微信内置浏览器、QQ 浏览器等也可能触发
- 不是图标本身的问题，而是整个可点击元素（
<button></button>、<view></view>、带@click的标签）都会触发
怎么写才真正生效
必须用 -webkit-tap-highlight-color，且值要设为完全透明；不能只写在某个 class 里，得覆盖所有可能被点的元素。
- 全局写法（推荐）：
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - 局部写法（如只针对图标容器）：
.icon-btn { -webkit-tap-highlight-color: transparent; } - 不要写
none—— Safari 不认，必须是transparent或rgba(..., 0) - 如果用了
uni-icons组件，它内部是<text></text>标签，也要确保父容器或自身有该样式
容易漏掉的坑
这个样式看似简单，但实际项目里常因以下原因失效：
- 写了但没加
!important，被 uni-app 框架或组件库的内联样式覆盖 - 只写了
button，但实际点击的是<view></view>或<uni-icons></uni-icons>，没给它们加 - 在 App 端或小程序端也加了，其实无效（该属性仅对 H5 生效），反而污染样式表
- 用了
touch-action: manipulation却没配-webkit-tap-highlight-color，黑闪照旧
真正起效的关键就两点：属性名拼对、值设成完全透明，并且作用到所有可能响应点击的节点上。别指望它能“智能识别图标”，它管的是整个触摸事件的视觉反馈层。
