El borde discontinuo en el enlace aparece sólido

Question

Quiero que el atributo de borde en un enlace visitado se muestre discontinuo. Solo puedo hacerlo sólido y no puedo entender por qué. Cualquier ayuda sería genial. Gracias

Aquí está el código CSS que estoy usando:

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

puede verlo en acción en this blog post.

Answer 1

Al parecer, es el resultado de un problema de privacidad. Consulte los siguientes enlaces:

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

por los enlaces de arriba, el estilo de a:visited enlaces se limita a la utilización de propiedades basadas en el color solamente.

Answer 2

Utilice esta regla CSS:

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

El orden de las reglas frontera es: border: <width> <style> <color>;