Javascript 如何找到确定特定像素颜色的CSS/HTML规则

使用chrome，我的网站有一些奇怪的浅蓝色矩形。我不知道这个矩形是从哪里来的，因为我的DOM非常复杂，不完全在我的控制之下

我的问题是：我可以使用ChromeDevTools获取决定我所选像素颜色的HTML/CSS规则列表吗？如果没有，是否有我可以使用的应用程序？也许是一些JavaScript书签

---

编辑：我知道元素选项卡，但在那里搜索没有帮助，因为规则很复杂，我在树中找不到它

这可能是焦点突出显示：为了便于访问，您应该保留某种形式的突出显示，但是，为了美观，您可以修改颜色，记住颜色对比度

您不能在开发工具中通过单击蓝色边框来选择颜色？在HTML/CSS上下文中，元素通常不会凭空出现，没有HTML支持。在大多数情况下，您都应该能够使用Chrome的devtools来检查生成这个矩形的元素，并从中进行调查。那么什么时候会发生这种情况呢？它总是在页面上吗？它是否发生在悬停、聚焦、点击、舔屏幕*、跳舞等情况下？@epascarello它总是在那里，不受鼠标移动的影响，