Đường viền bị đứt trên liên kết xuất hiện rắn

Question

Tôi muốn thuộc tính đường viền trên liên kết được truy cập để hiển thị bị gạch ngang. Tôi chỉ có thể làm cho nó trở nên vững chắc và tôi không thể hiểu tại sao. Bất kỳ sự trợ giúp nào đều sẽ là tuyệt vời. Cảm ơn

Đây là mã css Tôi đang sử dụng:

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

Bạn có thể xem nó trong hành động ở this blog post.

Answer 1

Rõ ràng, đó là kết quả của một vấn đề riêng tư. Hãy tham khảo các liên kết sau đây:

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

mỗi liên kết trên, phong cách của a:visited liên kết được giới hạn việc sử dụng các thuộc tính màu sắc dựa trên chỉ có.

Answer 2

Sử dụng quy tắc CSS này:

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

Trình tự quy tắc biên giới là: border: <width> <style> <color>;