如何使用 Javascript 查找页面上所有黑底黑字的元素?同时,黑色背景/颜色可以不分配给元素本身,而是分配给远方的父元素,但在所有继承之后,结果是黑色的黑色。
我们设定的任务是:在网站上为视障人士制作一个版本。其中一个要点是颜色反转,即我们在黑色背景上显示白色文本。我写了 black backgroundy body,更正了其他容器的 css,一切都很好,除了一个但是。在所见即所得编辑器的某些页面的管理区域中,明确定义了文本的黑色(在属性中style)。因此,此文本在页面上不可见。
我想找到一种无需更改页面代码即可解决问题的解决方案。
例如,让 javascript 自动找到这样的文本并将其颜色更改为白色。问题是如何找到这样的元素。
到目前为止,我只看到递归遍历所有 DOM 元素、记住background父元素并检查元素本身的颜色的选项。
但也许有更简单的方法,一些在 jquery 中几行的解决方案?
换句话说,您需要确保在第二个示例div > p中文本是可见的:
.orig {
background-color: #fff;
}
.invert {
background-color: #000;
}
<h2>Оригинал</h2>
<div class="orig"><p style="color: black">Текст</p></div>
<h2>Инверсия</h2>
<div class="invert"><p style="color: black">Текст</p></div>