Przerwana linia na łączu wygląda na ciągłą

Question

Chcę, aby atrybut granicy na odwiedzanym łączu był renderowany przerywaną. Mogę tylko sprawić, żeby stała się solidna i nie mogę zrozumieć dlaczego. Każda pomoc byłaby świetna. Dzięki

Oto kod CSS Używam:

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

Można go zobaczyć w akcji na this blog post.

Answer 1

Najwyraźniej jest to wynikiem emisji prywatności. Odnoszą się do poniższych linków:

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

Per powyższych linków, stylizacji a:visited linków jest ograniczony do wykorzystania właściwości kolorystycznych opartej tylko.

Answer 2

Funkcja ta reguła CSS:

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

Kolejność reguła granica wynosi: border: <width> <style> <color>;