safari a：在div上自动访问边框颜色？

Question

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

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

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

a:visited {
    color: green;
}

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

https://stackoverflow.com/a/32252478/3255152

我尝试过以各种方式在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，但这取决于。

Answer 2

使用outline代替border来解决此问题。

由于

Answer 3

我认为如果你查看野生动物园检查的样式部分会更好。某些浏览器默认样式的行为方式类似。如果您发现任何outline或border声明，请尝试通过声明border: 0; outline: none;

来中和该声明

如果您可以通过小提琴或 codepen 与我们分享代码，将会非常有帮助。

注意：我无法按照您的指定重新创建方案。