CSS链接边框样式不适用于:visited

Question

问题是链接边框样式，我可以在悬停时更改它，但:visited上的边框不起作用。下面是我的例子：

a:link {
    color: #536DFE;
    text-decoration: none;
    border-bottom: dashed 1px;
    transition: all .3s ease-out;
}
a:hover {
    border-bottom: solid 1px;
    transform: scale(1.08);
}
a:visited {
    color: #727272;
    border-bottom: solid 1px;
}

问题是最后一个a:visited，border-bottom: solid 1px被忽略。如何解决这个问题？

Answer 1

border-style不是可以在visited伪类上覆盖的内容

来自MDN

注意：出于隐私原因，浏览器严格限制您可以使用此伪类选择的元素应用的样式：仅颜色、背景颜色、边框颜色、边框底部颜色、边框左侧颜色、边框右侧颜色、边框顶部颜色、轮廓颜色、列规则颜色、填充和笔划。还请注意，alpha组件将被忽略：将使用未访问规则的alpha组件（不透明度为0时除外，在这种情况下，将忽略整个颜色，并使用未访问的规则中的一个）。

还有隐私和：已访问的选择器