Safari 不显示锚标记内的 svg 图标的已访问颜色

Question

Safari 不显示锚标记内的 svg 图标的已访问颜色。

链接文本显示访问的颜色，但 svg 图标不显示。当我在 safari 中检查 svg 时，它显示它应该具有从链接继承的访问颜色：

如果我从检查器检查计算的样式，它还会显示它应该具有访问过的颜色：

是否可以让 Safari 显示 svg 图标的访问颜色？

Safari 版本：版本 14.1.1 (16611.2.7.1.4)

Answer 1

能够解决这个问题。图标颜色使用fill=currentColor 设置。并且由于某种原因，当访问状态打开时，Safari 没有为 svg 设置正确的 currentColor 值。解决方案是添加一个针对 svg 路径的更具体的 css 选择器：

.hds-link:visited svg g path {
   fill: var(--link-visited-color);
}