我在一个简单的弹出菜单中有了<a>元素的垂直系列。对于a11y，我连接了键盘事件，并且使用jQuery来focus（）<a>。 <a>由React渲染，但是它们的处理程序是通过jQuery附加的。一些css定义了<a>焦点样式，轮廓为2px。 仅在MS Edge中，当我移动焦点时，先前聚焦的<a>具有一条水平的1px伪像线，宽度与<a>一样。将焦点移到较低/下一个<a>会导致工件出现在先前聚焦的<a>的top上，将焦点移至较高/上一个<a>会导致工件出现在以下 <a>。我已经使用Edge的开发人员面板应用伪类并在受影响的<a>上设置了各种大纲规则-工件仍然存在。这些<a>的边界为0。有任何想法吗？
嗯，我已经对包含有链接的无序列表的div应用了行高规则。当我禁用该规则时，不再有人工制品。我要保留它...我不确定什么交互/间隔规则可以互操作，但是既然问题已经解决，那就是这样。