Safari轮廓线颜色

Question

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

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

我尝试过：

a {

&:focus {
        outline: auto red;
      }
}

还

a {

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

当我这样做

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

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

我是否缺少Safari的一些基本行为？

谢谢！