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

2023-12-09

问题在于链接边框样式,我可以在悬停时更改它,但边框: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被忽略。如何解决这个问题?


border-style不是你可以覆盖的东西visited伪类

From MDN

注意:出于隐私原因,浏览器严格限制您可以使用此伪类选择的元素应用的样式:仅限颜色、背景颜色、边框颜色、下边框颜色、左边框颜色、右边框颜色、上边框颜色、轮廓颜色、列线颜色、填充和描边。另请注意,alpha 分量将被忽略:改为使用未访问规则的 alpha 分量(除非不透明度为 0,在这种情况下,整个颜色将被忽略,并使用未访问规则之一)。

Also 隐私和 :visited 选择器

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 链接边框样式不适用于 a:visited 的相关文章