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-color，border-bottom-color，border-left -color，border-right-color，border-top-color ，outline-color，column-rule-color，fill和stroke。另请注意，alpha组件将被忽略：使用未访问规则的alpha组件（除非不透明度为0，在这种情况下，将忽略整个颜色，并使用未访问的规则之一））。

另外Privacy and the :visited selector

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

1 个答案: