将任何页面上的所有文本都转换为特定颜色

Question

如何将页面上的所有文字转换为特定颜色？

1. 内容（HTML和CSS）是用户生成的，因此我无法控制特定元素的类。

2. 由于页面的html，类等可能会有很大差异（用户生成），我无法编写将单独定位元素的CSS。

最初，我曾尝试在!important上使用body，但忘记了任何有针对性的CSS都会覆盖它。

body {
  color: white !important;
}

我唯一的选择是使用javascript为每个元素应用内联样式吗？

Answer 1

使用*选择器，而不仅仅是身体。

* {color: #fff !important}

Answer 2

您可以使用Universal selector (i.e *)选择器选择页面上的任何元素：

html * {
      color: white !important;
    }

或者您可以直接使用，如下所示：

* {
    color: white !important;
  }

Answer 3

从声明用户生成，我们可以看到用户可以添加一些内联样式，甚至是!important样式。然后，你唯一的解决方案是javascript（jquery示例）：

$("*").css("color", "#FFF");

或者过滤html以删除带有HTMLPurifier的样式，您应该使用它来过滤javascript（以避免对您的网络造成多种攻击。

老答案：

在html的头部（不在样式表中）使用它，因为它优先于分隔文件中的样式：

<style>
* {
color: #FFF!important;
}
</style>