我使用 JQuery 创建了一个下拉菜单,但是当我在 Chrome 中对其进行测试时,除了应该添加的边框外,第三级和更低级别的菜单还显示一条粗白线(穿过列表项的中心)。这不会发生在其他浏览器中。它仅在我将 border-top
参数应用于列表项时发生。这一定是与 Chrome 中的 CSS 相关的一些错误,因为我看不出我可能做错了什么。我用 Google 搜索了这个问题,但没有发现任何人遇到同样的问题。
看看:
最佳答案
似乎之间发生了某种“碰撞”
.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
关于jquery - CSS - 在 Chrome 中添加第二条粗白线的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9992991/