html - Safari :visited border color automatically on div?

Question

我有一个包裹在 <a> 中的 div像这样标记...

<a href='/'><span>Quiz</span>

然后我的 css 样式表看起来像这样......

a:visited {
    color: green;
}

但是当链接被访问时，它看起来像这样......

我尝试在 a 中定义边框设置css 选择器以各种方式没有运气。关于如何解决此问题的任何想法？

Answer 1

这不是大纲，可能已经有一个border，或者是你的span 或你的a。现在，如果边框没有特定的颜色集，例如

border: 1px solid;

代替

border: 1px solid black;

然后它的颜色由 color 属性定义。这意味着发生的事情是正常的。

现在，您有两个选择，要么找到定义此边框的位置并将其删除，要么为其添加颜色。或者您以某种方式重写它:

a:visited {
  color: green;
  border-color:transparent;
}

您可能需要 !important border-color 规则，但这要视情况而定。