如何在CSS中实现终端反向视频模式（交换前景色和背景色）？

终端显示器通常允许一种效果，称为，或反转视频等。使用这种效果是

SGR 7

。此效果交换前景色和背景色。（维基百科将反向视频描述为对亮度进行1的补全，这不是我所看到的它的实现方式。也许这是针对较旧的单色显示器？）

有没有一种方法可以在CSS中实现这种效果，这样就可以使用单个类应用它，而无需手动跟踪输出的所有内容的前景色和背景色

这些并没有达到我所问的效果：

• ：按色调交换颜色，将蓝色背景转换为黄色背景等
• ：使用背景色计算新颜色，但实际上不会交换它们。我看不到任何其他的

  混合模式

  模式也能做到这一点

---

在CSS中，是否有某种方法可以动态查找前景并将背景设置为前景，反之亦然，或者，如果没有一些JS，这是不可能的？

您要查找的关键字不是reverse，而是inverse。另外，您是否尝试过将

filter.invert（）

直接应用于父对象？@Omkar，正如我所说的，。有几篇CSS技巧文章介绍了这种技术：和。如果您需要依赖JavaScript来实现，jQuery中有一个实现：这里全面介绍了更广泛的反转（您似乎避免了）概念（IMHO）：虽然它可能使用色调或“对立”而不是交换，但可能有一些有用的信息（我没有投票表决，因为我没有时间仔细观察，我的投票将是有约束力的）。您要查找的关键字不是reverse，而是invert。另外，您是否尝试应用

filter.invert（）

直接发送给家长？@Omkar，正如我所说，。有几篇CSS技巧文章介绍了这种技术：和。如果您需要依靠JavaScript来实现，jQuery中有一个实现：这里全面介绍了更广泛的反转（您似乎避免了）概念（IMHO）：它可能使用色调或颜色“对立”而不是交换，可能会有一些有用的信息给你。可能的重复（我没有投这一票，因为我没有时间仔细观察，我的投票将具有约束力）。