jquery - CSS - 在 Chrome 中添加第二条粗白线的边框

Question

我使用 JQuery 创建了一个下拉菜单，但是当我在 Chrome 中对其进行测试时，除了应该添加的边框外，第三级和更低级别的菜单还显示一条粗白线(穿过列表项的中心)。这不会发生在其他浏览器中。它仅在我将 border-top 参数应用于列表项时发生。这一定是与 Chrome 中的 CSS 相关的一些错误，因为我看不出我可能做错了什么。我用 Google 搜索了这个问题，但没有发现任何人遇到同样的问题。

看看:

JSfiddle

Full screen

Answer 1

似乎之间发生了某种“碰撞”

.nav ul ul li:first-child{
    border-top:solid 1px white;

和

.nav ul li{
    border-bottom:solid 1px #fff;

我想出了一些 solution :

/* THIRD +  LEVEL LISTS */
.nav ul ul li{
    border:none;
    border:1px solid #FFF;
    border-left:none;
}

将其添加到第三层的顶部。

这似乎是 chrome 中的一个错误，但我搜索了 chromium 并没有发现任何与此相关的内容。你应该report