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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的CSS相关文章