Angular 8升级至13后角色信息弹窗关闭图标点击失效求助

大概率是升级后样式层级或事件响应规则变化，导致关闭图标被遮挡或者点击事件被阻断，给这个图标加以下CSS就能解决：

#auth-users-selroleabout-icon.fa.fa-close {
  pointer-events: auto;
  z-index: 9999;
  position: relative;
}

如果上面的代码没生效，再补充这条：

#auth-users-selroleabout-icon.fa.fa-close::before {
  pointer-events: none;
}

代码说明： #

• pointer-events: auto：强制开启元素的点击响应，避免全局样式或继承规则把这个属性设为none导致无法触发点击
• z-index: 9999：把图标层级拉到弹窗最上层，防止被其他元素遮挡
• position: relative：让z-index属性生效（静态定位元素不支持z-index）
• 补充的伪元素样式：针对Font Awesome这类用伪元素渲染图标的情况，让点击穿透伪元素，直接作用到真实的图标元素上

内容的提问来源于stack exchange，提问作者vaishnavi banait