时间戳

首页 > 解决方案 > 如何找到确定特定像素颜色的 CSS/HTML 规则

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

问题描述

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

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

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

标签： javascripthtmlcssgoogle-chrome-devtoolsbookmarklet

解决方案

这可能是一个焦点亮点：https ://www.washington.edu/accessibility/checklist/focus/为了便于访问，您应该保留某种形式的突出显示，但是您可以修改颜色以保持美观，同时牢记颜色对比https://www.washington.edu/accessibility/checklist/focus/ /webaim.org/resources/contrastchecker/

推荐阅读