Css Mobile Safari奇数边框颜色问题

Css Mobile Safari奇数边框颜色问题,css,mobile-safari,Css,Mobile Safari,请参见此图: 这似乎只发生在div有边界的时候,但我不知道为什么 这是导致问题的CSS: border-top:1px solid #fff; border-bottom:1px solid #ddd; 这是完整的div CSS: #network-menu-row { width:100%; position:relative; padding-top:10px; padding-bottom:10px; position:relative;

请参见此图:

这似乎只发生在div有边界的时候,但我不知道为什么

这是导致问题的CSS:

border-top:1px solid #fff;
border-bottom:1px solid #ddd;
这是完整的div CSS:

#network-menu-row {
    width:100%;
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
    border-top:1px solid #fff;
    border-bottom:1px solid #ddd;
}
有人知道这是什么原因吗?这甚至不是一直都会发生。大多数时候它都很好,并且显示出合适的颜色,但有时它决定用蓝色显示。我想也许使用完整的6个字符的十六进制代码可以修复它,但它没有,也没有改变边框的厚度

它在我的桌面浏览器上总是运行良好


提前感谢。

解决了这个问题。因为链接一次点击就被“访问”,当导航回锚时,由于某种原因更改了边框颜色。已使用以下方法进行修复:

a:visited div {
    border:inherit;
}

把“fff”改成“白色”和“ddd”改成“gainsboro”怎么样?它可能无法解决问题,但值得一试,因为我不知道是什么导致了它。刚刚运行了一个测试,这个问题只在页面被导航回时产生,并且只在某些div上发生。页面上的所有10个div都使用相同的命名和编码,但只有8个div存在此问题。css中还有其他颜色吗?它可能是另一个覆盖边框属性的选择器。是的,我考虑过,但我搜索了正在创建的颜色,但它不在我的样式表中。然后我在谷歌上搜索颜色,发现有人使用了CSS重置,并将其设置为他们的标准访问链接颜色,这帮助我弄清楚发生了什么。