Dashed border on link is appearing solid

Question

I want the border attribute on a visited link to render dashed. I can only get it to render solid and I can't figure out why. Any help would be great. Thanks

Here is the css code I'm using:

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

You can view it in action at this blog post.

Answer 1

Apparently, it's the result of a privacy issue. Refer to the following links:

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

Per the links above, the styling of a:visited links is restricted to the use of color-based properties only.