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

我已经使用JQuery创建了一个下拉菜单，但是当我在Chrome中测试它时，第三级和更低级别的菜单除了应该添加的边框外，还显示了一条粗白线（穿过列表项的中心）。这在其他浏览器中不会发生。仅当我将

border top

参数应用于列表项时，才会发生此错误。这一定是一些与chrome中的CSS相关的错误，因为我看不出它是什么，我可能做错了。我在谷歌上搜索了这个问题，没有发现任何人有同样的问题

看一看:

---

我在chrome devtools中查看了您的全屏示例，发现以下行：

.nav ul li {
  background: #777;
  border-bottom: solid 1px white; <---- I think this is your problem
}

.nav ul li{
背景：#777；
边框底部：纯色1px白色；我在chrome devtools中查看了您的全屏示例，发现以下行：

.nav ul li {
  background: #777;
  border-bottom: solid 1px white; <---- I think this is your problem
}

.nav ul li{
背景：#777；
边框底部：纯色1px白色；
.nav ul li:第一个孩子{
边框顶部：纯色1px白色；
.nav ul li:第一个孩子{
边框顶部：纯色1px白色；这两种颜色之间似乎发生了某种“碰撞”

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

及

我想出了一个很好的办法：

将此添加到第三层的顶部

这似乎是chrome中的一个bug，但我在chrome中搜索了一下，没有找到任何与此相关的内容。你应该这样做。
这两个浏览器之间似乎发生了某种“冲突”

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

及

我想出了一个很好的办法：

将此添加到第三层的顶部

这似乎是chrome中的一个bug，但我在chrome中搜索过，没有找到任何与此相关的内容。你应该这样做。
那么我如何保持底部边框？那么我如何保持底部边框？我也这么认为，但我不能在不丢失顶部边框的情况下将其取出。我如何保持顶部边框并消除交叉的随机线
元素？我也这么认为，但我不能在不丢失上边框的情况下将其取出。我如何保持上边框并消除跨越
元素的随机线？您的解决方案没有真正起作用，因为它在每个li周围添加了两个额外的边框，并且大的线条仍然显示在第三层下面，但是我感谢您的帮助，我将报告此错误。我发现此错误与
边界半径
属性有关。禁用边界半径似乎可以解决此问题（而且我认为没有边界半径看起来更好）。您的解决方案没有真正起作用，因为它在每个li周围添加了两个额外的边框，并且第三层下方仍然显示了一条大线，但我感谢您的帮助，我将报告此错误。我发现此错误与
border radius
属性有关。禁用边框半径似乎可以解决此问题（我认为不管怎样，没有边界半径看起来更好）。
/* THIRD +  LEVEL LISTS */
.nav ul ul li{
    border:none;
    border:1px solid #FFF;
    border-left:none;
}