苹果设备无法填写登录/注册表单 求助排查CSS问题

你遇到的这种「跨设备表单输入失效、移除CSS后恢复」的情况，在Safari（苹果生态浏览器）里其实是挺典型的兼容性问题，虽然现在问题自己好了，但我可以帮你梳理几个当时可能的诱因，方便下次遇到快速定位：

• CSS交互属性限制：检查表单或父元素是否设置了pointer-events: none，或者user-select: none意外继承到了输入框上。Safari对这类属性的生效范围判断有时候和Chrome/Edge略有差异，可能导致输入框无法获取焦点。
• Safari专属CSS属性冲突：比如-webkit-user-modify如果被设为read-only/none，会直接禁用输入编辑；还有-webkit-appearance的异常设置，可能破坏表单元素的原生交互逻辑。
• 元素层级遮挡问题：有没有透明的绝对/固定定位元素（比如遮罩层、装饰性div）覆盖在表单上方？Safari的z-index计算逻辑偶尔会出现「视觉上没遮挡，但实际拦截交互」的情况。
• 缓存或浏览器解析异常：苹果设备的Safari缓存机制比较顽固，当时可能加载了旧版本的CSS文件，或者浏览器在解析样式时出现了临时bug，一周后缓存过期、浏览器/系统自动更新，就自行修复了这类异常。

如果以后再遇到类似问题，不用直接删整个CSS文件，建议用Safari的Web Inspector（开发者工具），逐一禁用表单相关的CSS规则，就能快速定位到具体哪条样式引发的问题啦～

内容的提问来源于stack exchange，提问作者Antoine Petitot