Webkit浏览器显示蓝色文本略带紫色

Question

我无法在Google上找到有关此问题的任何信息，因为每个结果都是默认的紫色a:visited颜色。这不是问题。问题在于Chrome的默认消除锯齿功能，在某些系统上蓝色文字显示为蓝紫色。如果我将抗锯齿更改为-webkit-font-smoothing: antialiased，它会保持正确的颜色，但Chrome和Firefox之间的字体完全不同。我使用的蓝色是客户端的颜色，所以它不能像这样变成紫色。我希望有人能解决这个问题。

以下是我完成的测试的截图：

编辑：只是为了澄清，这与默认的a:visited链接颜色无关。我的蓝色是继承的，但Chrome的抗锯齿导致文字显示为紫色。这是一个例子：http://jsfiddle.net/yvjjxfqt/

Answer 1

它被解决（至少在我的系统中）在元素中设置变换

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>

我猜gpu中的渲染没有这个问题

这就是它在我的系统中的外观

解决它的另一种方法似乎是使用不透明度

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

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