链接上的虚线边框看起来是实线。

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;
}

您可以在此博客文章中观看其演示。

- hubs

---

你尝试过“3px dashed #78b3e0”吗？（注意顺序） - PoeHaH

@PoeHaH：实际上，所有边框属性都应该是这样的。http://reference.sitepoint.com/css/border-bottom - JAB

信不信由你，这里的问题不是顺序。嗯。 - Vin Burgh

嗯，看起来问题出在样式和宽度上，而不是颜色。 - JAB

起初我以为可能是浏览器缓存问题——有可能设置浏览器不记住您之前访问过的页面，因此您将永远不会有“已访问”的链接——但显然它只影响了:visited伪选择器上的边框属性。 - Roddy of the Frozen Peas

Answer 1

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

• 隐私和:visited选择器 (MDN)
• 通过CSS :visited选择器防范用户历史记录攻击
• 对访问过的链接样式的限制

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

- Vin Burgh

---

您，先生，是个天才。或者说，至少比我更擅长谷歌搜索。 - Roddy of the Frozen Peas

很少，但我也不会和你争辩！;) - Vin Burgh

现在这很有趣。 - JAB

谢谢你，Vinny。谢谢大家。这是我在Stack Overflow上发布的第一个问题，我对回复的速度和准确性感到震惊。再次感谢。 - hubs

Answer 2

请使用以下 CSS 规则：

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

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

- zessx