前端之家收集整理的这篇文章主要介绍了
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.f2er.com/css/216908.html
