0

在谷歌浏览器上，如果我有div一个锚点，边框会随机变为文本颜色。如果我检查元素，颜色会立即切换回正确的颜色。有没有办法解决这个错误？

这是html：（它不会每次都发生，自发地它会是错误的颜色）

<a href="/about"><div class="navc">
    <div class="navt"><?php echo $lang['0']; ?></div>
</div>
</a>

这是CSS：

#nav
{
float:left;
width:100%;
height:30px;
background:url('../images/nav.png') repeat-x;
border:1px solid #C2C1C1;
text-shadow:0 1px 0 white
}

#nav a
{
color:black;
text-decoration:none
}

.navc
{
padding:0 10px;
border-left:1px solid #C2C1C1;
border-right:1px solid #EEE;
float:left;
height:100%
}

.navt
{
padding-top:6px
}

如下图所示，关于导航按钮的边框是错误的

边界错误

4

3 回答 3

1

我只花了 3 个小时就解决了这个错误（在这样的日子里，我觉得 Webkit 和 Trident 一样糟糕）......但这是答案：

仅当您在(<a>)具有已访问的“href”值的锚点中有内联元素时才会发生这种情况。如：

<a href="http://www.google.com"><span>Button</span></a>

为了解决这个问题，我添加了以下 CSS：

a {color: blue}

a span,
a:visited span /* Webkit will render a blue border unless this is explicitly specified */
{
    border: 1px solid red;
}
于 2013-03-20T22:26:19.437 回答
0

我找到了解决方案，

如果我使用 aspan而不是 a div，则问题似乎不会发生。

编辑-自从它成为一个跨度以来，它发生了一次，刷新了，从那以后就没有发生过。

于 2012-06-26T15:41:12.523 回答
0

我刚刚遇到了这样的一些标记：

<a href="http://www.google.com" class="outer-link">
    <img src="http://google.com/gif.png" />
</a>

我的风格是这样的：

img { border: 2px solid gray; }

灰色边框变成了蓝色链接颜色，这是我修复它的方法：

.outer-link { color: gray; }

因此，即使 img 的边框错误，它也会默认为我指定的灰色边框颜色。我知道这有点hacky，但它有效。

于 2013-06-18T17:32:53.660 回答