Javascript 聚焦模糊上的MS边缘轮廓伪影？

我在一个简单的弹出式菜单中有一系列垂直的

元素。对于a11y，我已经连接了键盘事件，并使用jQuery来关注

。

由React呈现，但它们的处理程序通过jQuery附加。一些css定义了一个带有2px轮廓的焦点样式。仅在MS Edge中，当我移动焦点时，先前聚焦的

有一条1px的水平伪影线，与

一样宽。将焦点移动到较低/下一个

会导致工件显示在先前聚焦的

上方，将焦点移动到较高/先前的

会导致工件显示在

下方。我已经使用Edge的开发者面板来应用伪类，并在受影响的

上设置各种大纲规则-工件仍然存在。这些

也有边框：0。有什么想法吗

嗯，我对包含无序列表和链接的div应用了一个行高规则。当我禁用该规则时，没有更多的工件。我就不说了。。。我不确定互操作的交互/间距规则是什么，但既然问题已经解决，那就到此为止。

您能发布足够的代码（包括相关的html和CSS样式）或创建一个复制问题的脚本吗？最好捕获屏幕截图以解释有关您的问题的更多细节，这样我们可能更容易帮助您缩小问题范围。此外，您使用的是哪个版本的Microsoft Edge版本？谢谢。我将追溯到正在交互的CSS库，看看是否可以隔离这个问题。我将首先禁用应用于链接的规则，然后逐个添加它们。可能是一个伪类顺序问题，或者是一些奇怪的“边缘案例”