C#中Selenium实现元素中心点击及元素不可交互问题解决

报错核心原因：你定位的<i>标签本身是无固定尺寸的空占位节点，所有实际可见的可点击图标、高亮交互区都是依附在它上面的::before伪元素渲染出来的。Selenium原生的Click()方法会严格校验元素本身的盒模型可见尺寸、交互状态，自然会判定这个空占位节点不可交互，抛出ElementNotInteractableException异常。

按优先级推荐的落地解决方法 #

• 第一优先级：通过JavaScriptExecutor直接触发节点原生点击事件
  这种方式跳过Selenium的交互状态校验，直接在目标DOM节点上触发click事件，是适配伪元素渲染图标的最高效方案，对应C#实现代码：

  // 组合类名精确定位，避免命中同class的隐藏元素
  IWebElement CloseCard = driver.FindElement(By.CssSelector("i.close.fixCloseModal"));
  IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
  js.ExecuteScript("arguments[0].click();", CloseCard);
  

• 第二优先级：通过Actions类模拟真实鼠标交互
  如果JS触发点击后前端框架的事件回调没有正常响应（部分前端框架会校验真实用户交互轨迹，屏蔽JS直接触发的点击），可以改用Actions类基于元素的实际渲染边界，模拟鼠标移动到元素中心再执行点击：

  Actions action = new Actions(driver);
  action.MoveToElement(CloseCard).Click().Perform();
  

常见排错校验点 #

执行上述方案如果仍无法正常触发点击，按顺序排查：

• 校验定位精度：用driver.FindElements()统计匹配规则的元素数量，如果返回结果大于1，说明单独使用fixCloseModal类名作为选择器命中了页面上其他隐藏的同class元素，必须补全类名规则缩小定位范围。
• 排查元素遮挡：在Chrome开发者工具的元素选择器中，直接点击页面上实际的关闭按钮高亮区域，看最终定位到的DOM节点是不是目标fixCloseModal标签。如果选中后定位到了其他透明块级元素，说明存在高z-index的遮挡层，需要调整页面滚动位置让目标元素完全露出再执行操作。
• 不需要尝试直接定位::before伪元素：Selenium的所有原生选择器都不支持直接选中伪元素，所有绑定在伪元素上的交互事件，最终都会冒泡到它依附的真实DOM节点上，完全没必要为伪元素编写专门的定位逻辑。

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