javascript - 使我的网页反色

Question

我有一个网页，我想制作反色(白色 --> 黑色和黑色 --> 白色)，就像在 chrome 扩展中一样:https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en

我应该如何处理我的 html 网页才能获得这种效果？我知道黑色背景可以由 HTML 控制，但如何处理文本和文本框？

Answer 1

您可以像下面这样使用 CSS 的 filter 属性:

body {
    filter: invert();
    -moz-filter: invert(); /*For Mozilla firefox*/
    -webkit-filter: invert(); /*For Chrome and latest version of Opera*/
}

Note: It is not supported on IE, Opera Mini & partially supported in Edge.

此外，结帐 CanIUse 过滤器。