链接上的虚线边框看起来很稳固

Question

我希望访问过的链接上的border属性呈现虚线。我只能让它变得坚固，我无法弄清楚为什么。任何帮助都会很棒。感谢

这是我正在使用的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;
}

您可以在this blog post处查看它。

Answer 1

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

• Privacy and the :visited selector（MDN）
• Preventing attacks on a user's history through CSS :visited selectors
• Limitations on Styling Visited Links

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

Answer 2

使用此CSS规则：

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

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