Tôi đã gặp vấn đề tương tự ngày hôm qua và tôi đã tìm thấy giải pháp thay thế. Trong những ngày cũ tôi đã sử dụng để đặt các liên kết với các liên kết gạch chân và truy cập mà không cần, để đơn giản hơn cho khách truy cập không nhấp vào liên kết tương tự hai lần.
Tôi đã có một bất ngờ hôm qua khi cố gắng làm điều tương tự và không hoạt động. Tôi mất 30 phút cho đến khi tôi tìm thấy trên internet rằng kể từ năm 2007 tất cả các trình duyệt giới hạn các thuộc tính mà bạn có thể đưa vào "truy cập" vì lý do bảo mật. Họ chỉ giống như 6-7 tài sản bạn có thể thiết lập để "truy cập". Và một trong số đó có màu đường viền. Sau đó, tôi nghĩ đặt gạch dưới là không, và sử dụng "đường viền dưới cùng màu" để gạch dưới. Bạn không thể đặt "border-bottom-color: transparent;" cho lượt truy cập, nhưng bạn có thể đặt màu đường viền có cùng màu với thành phần gốc màu nền. Điều đó sẽ làm cho gạch dưới vô hình khi liên kết được truy cập.
<style type="text/css">
body{color:black;background-color:white;}
a:link{color:blue;text-decoration:none;border-bottom: 1px solid;border-bottom-color:blue;}
a:visited{color:red;border-bottom-color:white;}
</style>
Hoặc bạn có thể làm ngược lại (những gì bạn đang yêu cầu) bằng cách đặt màu đường viền liên kết giống như nền và màu khác cho lượt truy cập.
Demo để ngược lại: https://jsfiddle.net/stfr9f9a
câu hỏi rất hay, có vẻ như 'a: hover' không tôn trọng' text-decoration: underline', nhưng 'a: visited' không vì một lý do nếu' a: link' có 'text-decoration: none' ... –