Question

我有一个奇怪的错误，该错误只在Chrome上发生-访问的链接会忽略 color 属性并变黑。镀铬检查器将计算出的颜色显示为“白色”，即使它显然是黑色的。

这不是由 :visited 引起的，因为无论是否访问，我都使用相同的文本颜色。

这是 minimal fiddle ：
您需要访问 wikipedia 才能显示错误。

<a href="https://www.wikipedia.org/#">This text should be white</a>
<a href="https://www.wikipedia.org/">This text should also be white, but isn't</a>

现在，我知道这部分是由“ all：initial”引起的，但由于网站会覆盖随机CSS属性，因此我需要使用它来保持webextension中的样式一致。

Answer 1

如果您遇到访问颜色被浏览器默认值覆盖的问题，您是否可以将全部设置为未设置？

#popup {
  all: initial;
}

#popup * {
  all: unset;
  display: block;
}

环顾四周后，即使测试#popup * {color: initial;}规则也无法100％确定浏览器颜色为何会覆盖访问的锚点，所以我不确定是什么底层机制正在改变文本颜色。但是使用未设置查看https://stackoverflow.com/a/15903168/1440950此处提供的答案会清除所需的值

访问链接时，Chrome不尊重<a>颜色

1 个答案: