css - Safari 轮廓颜色

Question

当元素在 Safari 上处于活动状态时，我正在尝试更改轮廓的颜色。

我需要保留默认 Safari 轮廓的所有样式，只需更改轮廓颜色。

我努力了：

a {

&:focus {
        outline: auto red;
      }
}

还

a {

&:focus {
        outline-color: red;
      }
}

当我这样做时

a {
&:focus {
  outline: red solid 2px;
}
}

轮廓的颜色会改变，但我放弃了所有其他样式（圆角和渐变），我尝试了轮廓、轮廓颜色、轮廓样式的不同选项。似乎没有任何工作。

我错过了 Safari 的一些基本行为吗？

谢谢！

标签： csscolorssafarioutline