CSS链接边框样式不起作用:访问过

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

注意:出于隐私原因,浏览器严格限制您可以使用此伪类选择的元素应用的样式:仅颜色,背景颜色,边框颜色,border-bottom-color,border-left-color,border-right -color,border-top-color,outline-color,column-rule-color,fill和stroke.另请注意,alpha组件将被忽略:使用未访问规则的alpha组件(除非不透明度为0,在这种情况下,将忽略整个颜色,并使用未访问的规则之一) ).

还有隐私和:访问过的选择器