【问题标题】:how to find the CSS/HTML rule that determine the color of specific pixel如何找到确定特定像素颜色的 CSS/HTML 规则
【发布时间】:2023-03-28 23:29:01
【问题描述】:

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

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

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

【问题讨论】:

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

标签: javascript html css google-chrome-devtools bookmarklet


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-09-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-04
    • 2014-06-21
    • 2020-11-27
    • 1970-01-01
    相关资源
    最近更新 更多