Trình duyệt webkit hiển thị văn bản màu xanh lam hơi tím

Question

Tôi không thể tìm thấy bất kỳ thông tin nào về vấn đề này trong Google, bởi vì mọi kết quả đều có màu mặc định là màu tím a:visited. Đó không phải là vấn đề ở đây. Vấn đề là với tính năng chống răng cưa mặc định của Chrome, trên một số hệ thống, văn bản màu xanh xuất hiện dưới dạng màu xanh lam-tím. Nếu tôi thay đổi tính năng chống răng cưa thành -webkit-font-smoothing: antialiased, nó sẽ giữ đúng màu, nhưng sau đó phông chữ hoàn toàn khác nhau giữa Chrome và Firefox. Màu xanh tôi đang sử dụng là màu của khách hàng, vì vậy nó không thể thay đổi thành màu tím như thế này. Tôi hy vọng ai đó có một sửa chữa cho điều này.

Dưới đây là ảnh chụp màn hình từ các bài kiểm tra tôi đã thực hiện:

EDIT: Chỉ cần làm rõ, điều này không có gì để làm với các liên kết màu mặc định a:visited. Màu xanh lam của tôi đang được kế thừa, nhưng tính năng chống răng cưa của Chrome khiến văn bản xuất hiện màu tía. Dưới đây là một ví dụ: http://jsfiddle.net/yvjjxfqt/

Answer 1

Nó được giải quyết (ít nhất là trong hệ thống của tôi) thiết lập một biến đổi trong các yếu tố

a { 
 
    color: #1967b1; 
 
    display: block; 
 
} 
 

 
a:nth-child(2) { 
 
    transform: rotateX(0deg); 
 
}

<a href="#">This is a link</a> 
 
<a href="#">This is a link</a>

Tôi đoán rằng vẽ trong gpu không có vấn đề này

Đây là giao diện trong hệ thống của tôi

Một cách khác để giải quyết nó dường như được sử dụng opacity

a { 
 
    color: #1967b1; 
 
    opacity: 0.99; 
 
}

<a href="#">This is a link</a>