在开发工具中找不到 CSS 颜色答案

【问题标题】：Can't find CSS Colour in Dev Tools在开发工具中找不到 CSS 颜色
【发布时间】：2020-10-20 03:00:33
【问题描述】：

我有一个使用 BS4 构建的简单静态网站。在这个网站上我使用他们的默认值：

navbar navbar-expand-md navbar-dark

移动导航栏。这是一个简单的移动汉堡菜单。当汉堡图标处于其;focus 状态时，汉堡菜单的轮廓变为不同的颜色，此轮廓功能可以禁用如下：

    .navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
}

我想禁用此功能以删除我在 CSS 中找不到但没有时间寻找的橙色，因此完全禁用它 - 但是，我现在意识到这种颜色已被证明无法找到。

这个颜色有十六进制代码#e59700（使用颜色选择器找到）。在整个网站上绝对没有任何地方，在任何 CSS、html 或 CDN 托管样式表中我都可以找到这个十六进制代码，它是橙色的，我搜索了“橙色”以防万一。

我在 NotePad++ 中手动搜索了我的 CSS 和 HTML 以及使用 Ctrl Shift F（开发工具搜索）。网站上使用的每一种其他颜色都可以通过此搜索找到，即使是那些托管在引导 CDN 样式表上的颜色。

我完全迷失了，这不是缓存问题，因为它在多次硬刷新后出现在多个设备上。有什么想法吗？

编辑：我也尝试在 RGB 和 HSL 色彩空间中进行搜索，但无济于事。

【问题讨论】：

我忍不住：你试过找color吗？！？ :)
什么意思？如果您的意思是颜色/颜色，那么是的。
忽略...橙色（在 Chrome、桌面、html 中）是#FFA500 - 创建了一个 div，将其 backgroundColor 样式设置为橙色，检查它，这就是我得到的。我知道黄色是全红色和全绿色，没有蓝色，所以我尝试了半绿色 - #FF8000，它非常接近。这是你问的吗？
没关系，我解决了。颜色 #E59700 是 -webkit-focus-ring-color，它是基于操作系统的 webkit 颜色，不是特定于站点的。

【解决方案1】：

已解决

默认情况下，webkit 浏览器使用 outline: 5px auto -webkit-focus-ring-color;.

在 Mac 上 -webkit-focus-ring-color 是蓝色 rgb(94, 158, 214)（或 #5E9ED6），但在 Windows 和 Linux 上是金色 rgb(229, 151, 0) （或 # E59700)

基本上，如果我强制 :focus 在页面上的任何对象上，它将被赋予 -webkit-focus-ring-color ，即 #E59700。

【讨论】：

【解决方案2】：

在您的站点视图中，前端会将颜色渲染到浏览器上的某些内容中。通常，渲染开发工具会提供一些 CSS，而现代浏览器将有办法遍历它。

在 Chrome 中，您可以执行以下操作：

【讨论】：