css – Webkit浏览器显示蓝色文本为微紫色

我在Google上找不到有关此问题的任何信息,因为每个结果都是默认的紫色a：已访问颜色.这不是这里的问题.问题是Chrome的默认反锯齿,在某些系统上,蓝色文本显示为蓝紫色.如果我将抗锯齿更改为-webkit-font-smoothing：抗锯齿,它保持正确的颜色,但是Chrome和Firefox之间的字体根本不同.我使用的蓝色是客户端的颜色,所以它不能像这样变为紫色.我希望有人有这个修复.

以下是我做过的测试截图：

编辑：只是为了澄清,这与默认a：访问链接颜色无关.我的蓝色是继承的,但是Chrome的反锯齿造成文本显示为紫色.这里有一个例子：http://jsfiddle.net/yvjjxfqt/

解决方法

它得到解决(至少在我的系统中)设置元素中的变换

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>

原文地址：https://www.jb51.cc/css/216908.html