如何创建突出显示效果，就像使用谷歌浏览器开发人员检查元素一样

Question

你知道当你使用谷歌浏览器的开发者控制台检查一个元素时，元素上会有一个彩色透明蒙版，与元素的高度和宽度相同。

我想构建一个 chrome 扩展程序，它可以突出显示网页上具有特定类 ID 或按键事件类型的所有元素。如果我能在那个亮点上添加文字，那就更好了。

知道如何用JavaScript添加这个亮点吗？

Answer 1

你想要一个蓝色的背景吗？如果你想要它，当你把鼠标放在文本上，你可以使用css。

1. 首先，您必须为div： 创建一个类<div class="class1">Some text</div>
2. 然后转到css并输入以下内容：.class1:onhover{ background-color: blue;}

这就是你想要的吗？

编辑 1

如果你想点击，只需这样做：

$(document).ready(function(){
            $("*").css("background-color: blue;")
        })