Edge更新后导致使用了perspective样式的div内子元素无法聚焦问题

文章日期：2025-11-03
Edge版本： 142.0.3595.53 (正式版本) 

今天运维提交了一个bug， 某项目登录页输入框点击不了，且f12箭头选中不了表单父div内的任何元素，只能选中该父div；

由此可见是该div样式问题，经排查是perspective样式导致的，去掉就正常了；

后续问了gpt，可能是跟本次更新，浏览器可能收紧了 3D 渲染规范的执行有关，原先浏览器版本可能对 3D 上下文的处理更宽松，允许 3D 容器内的子元素 “穿透” 3D 上下文进行交互，即使未正确配置 transform-style 或 3D 变换属性；

而更新后的版本可能严格遵循 W3C 规范，要求 3D 上下文内的子元素必须显式适配 3D 空间规则（如通过 transform: translateZ(0) 进入 3D 流），否则会被视为 “在 3D 空间外”，导致交互失效。

* 所以见到此文的同行们建议尽快排查自己项目有没有用到此样式，有没有可能对项目使用造成一定影响，有的话尽快处理！