css - 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>