safari中:hover失效主因是系统级悬停预览劫持，需在偏好设置中关闭“按住键时显示其他扩展内容”，并禁用辅助功能中的“悬停文本”，或通过终端命令defaults write com.apple.safari showlinkpreview -bool false彻底屏蔽预览。
你在Safari中给按钮写了:hover样式，鼠标移上去却毫无反应——背景色不变、边框不加粗、阴影不浮现，但同一段CSS在Chrome或Firefox里完全正常，问题就出在Safari对悬停状态的触发逻辑和渲染策略上。
确认是否真被禁用：先查系统级悬停开关
第一步：点击顶部菜单栏「Safari」→「偏好设置」→ 切换到「通用」标签页。
第二步：找到「按住键时显示其他扩展内容」选项 → 将其下拉菜单设为「无」。
这一步必须做，否则 Safari 会把悬停行为劫持为辅助预览功能，直接覆盖你的 CSS :hover 效果。【若此处未设为“无”，所有:hover样式都会失效】
检查 macOS 系统辅助功能是否干扰
打开「系统设置」→「辅助功能」→「指针控制」→「辅助设备」→ 关闭「按下修饰键时启用悬停文本」。
这个开关默认关闭，但某些远程管理工具或企业策略可能悄悄开启它，一旦启用，系统级悬停预览会抢占事件流，导致网页:hover无法响应。
终端强制关闭 Safari 悬停预览（彻底屏蔽）
方法一：打开「终端」，执行以下命令：
defaults write com.apple.Safari ShowLinkPreview -bool false
方法二：再补一句防止缓存残留：
defaults write com.apple.Safari IncludeDevelopMenu -bool true
执行完后重启 Safari。
注意：这两条命令不可逆，执行后 Safari 将完全禁用所有基于悬停的 UI 预览（包括链接预览、图片放大预览等），但你的 CSS :hover 会立刻恢复。
移动端点击后:hover卡住不消失？这是正常行为
iOS Safari 和部分安卓 Chrome 在触摸后会“锁住”最后一次触发的 :hover 样式，因为没有 mouseout 事件对应 touchend。
最轻量修复：给按钮元素加上 ontouchstart="" 属性，例如：
这行属性本身无值，但 Safari 检测到后会主动放弃维护该元素的 hover 状态栈，点完即清。
排查 CSS 滤镜类:hover在 Safari 中不生效
如果你的悬停效果是 filter: blur(2px) 或 filter: grayscale(1)，那不是你写错了——Safari 直到 17.6 版本仍不支持在 :hover 中动态应用 filter 变化。
替代方案：改用 transform: scale(1.02) 或 opacity: 0.9，这两者在 Safari 中触发稳定且无兼容问题。
【不要尝试加 -webkit-filter 前缀，新版 Safari 已废弃该前缀且不修复此缺陷】
