iOS点击无反馈需同时处理touch-action、-webkit-tap-highlight-color和disabled兼容逻辑：设touch-action: manipulation禁双击延迟，-webkit-tap-highlight-color: transparent去灰层，启用Tailwind disabled变体或改用显式类名控制禁用态，并避免依赖不可靠的:active。
iOS 上点击没反馈、按钮变灰，不是 Tailwind 写错了，而是浏览器在等双击、又偷偷加了 filter 渲染层——得同时处理 touch-action、-webkit-tap-highlight-color 和 disabled 状态的兼容逻辑。
为什么 button:active 在 iOS 上基本不触发
浏览器为支持双击缩放，默认延迟 300ms 才触发 :active，且只对语义明确的元素（如原生 <button></button> 或带 role="button" 的 <div>）生效。纯 class 如 <code>.btn:active 在真机上大概率被忽略。
- 必须给元素加
touch-action: manipulation，告诉浏览器“别等双击，立刻响应” -
-webkit-tap-highlight-color: transparent要显式设置，否则点击时仍会叠加半透明灰层 - 二者必须写在同一个选择器里，例如：
button, [role="button"] { touch-action: manipulation; -webkit-tap-highlight-color: transparent; } - 别写在
* {}或body {}上——某些 WebView 会直接忽略
disabled:grayscale-100 为什么完全没效果
Tailwind v3+ 默认禁用所有 disabled: 变体，disabled:grayscale-100 根本不会生成任何 CSS 规则。DevTools 里搜不到 button:disabled 相关样式，不是你拼错，是配置压根没开。
- 启用方式二选一：装
@tailwindcss/forms并在tailwind.config.js的plugins里添加；或手动注册变体：plugin(({ addVariant }) => { addVariant('disabled', '&:disabled') }) - 改完配置必须重启开发服务（
pnpm dev或npm run dev），热更新不生效 - 即使启用了，
disabled:grayscale在 iOS Safari 14 及更早版本中也常被跳过渲染——filter 不可靠 - 更稳妥的做法是弃用
disabled属性，改用显式类名：class="btn is-disabled"，并在@layer utilities中定义完整禁用态样式
如何让点击反馈真正“可见”且不闪灰
别依赖 :active 做核心视觉反馈。iOS 下它太不可控，松手即退，还容易和 tap highlight 混叠。用可预测的 CSS 动画替代：
立即学习“前端免费学习笔记（深入）”；
- 加过渡：
transition: transform 0.1s ease, opacity 0.15s ease - 配合
:active做微调：&:active { transform: scale(0.96); opacity: 0.85; } - 但前提是该元素已满足
touch-action + -webkit-tap-highlight-color前置条件 - 动态渲染内容（如 React/Vue）要确保新节点也带上
no-tap-highlight类，不能靠父级继承 - 深色模式下记得补
dark:&:active，iOS 检测深色模式有延迟
真机测试最容易漏掉的三个硬性条件
模拟器永远看不到问题，上线才爆雷：
-
<meta name="viewport">必须完整，尤其maximum-scale=1.0缺一不可，微信 X5 内核会因此忽略-webkit-tap-highlight-color - 自定义可点击
<div> 必须同时带 <code>role="button"和tabindex="0"，否则 Safari 根本不把它当交互元素 - iOS 15.4+ 即使设了
transparent，仍可能残留微弱灰白闪烁——得额外加user-select: none才算干净，但注意别误伤电话号码等可复制文本
最麻烦的点不在代码怎么写，而在于 iOS 对 :disabled 的 filter 渲染、:active 的触发时机、以及 tap highlight 的绘制图层，三者互不隶属又共存于同一点击动作中——你得分别堵住每个漏洞，而不是指望一个类名全搞定。
