css - 链接上的虚线边框显示为实线

Question

我希望访问链接上的边框属性呈现虚线。我只能让它呈现固体，我不知道为什么。任何帮助都会很棒。谢谢

这是我正在使用的css代码：

    .entry-content p a{
color: #333;
border-bottom: solid #beff00 3px;
}

.entry-content p a:hover{
color: #333;
border-bottom: solid #78b3e0 3px;
}

.entry-content p a:visited{
color: #333;
border-bottom: #78b3e0 dashed;
}

您可以在此博客文章中查看它的实际效果。

Answer 1

显然，这是隐私问题的结果。请参考以下链接：

• 隐私和 :visited 选择器(MDN)
• 通过 CSS :visited 选择器防止对用户历史的攻击
• 对已访问链接进行样式设置的限制

根据上面的链接，链接的样式a:visited仅限于使用基于颜色的属性。

Answer 2

使用这个 CSS 规则：

.entry-content p a:visited {
    border-bottom: 3px dashed #78B3E0;
 }

边界规则顺序为：border: <width> <style> <color>;