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

Question

我有一个使用BS4构建的简单，静态的网站。在此网站上，我使用其默认值：

navbar navbar-expand-md navbar-dark

移动导航栏。这是手机中的简单汉堡菜单。当汉堡包图标处于;focus状态时，汉堡包菜单的轮廓更改为其他颜色，可以按以下方式禁用此轮廓功能：

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

我想禁用此颜色以删除我在CSS中找不到但没有时间追赶的橙色，因此完全禁用了它-但是，我现在意识到这种颜色无法找到。 / p>

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

我都在NotePad ++中手动搜索了CSS和HTML，还使用了Ctrl Shift F（Dev工具搜索）。通过此搜索，可以找到网站上使用的所有其他每种颜色，甚至包括引导CDN样式表中托管的颜色。

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

编辑：我也尝试过在RGB和HSL色彩空间中搜索都无济于事。

Answer 1

已解决

默认情况下，Webkit浏览器使用大纲：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。

Answer 2

在站点视图中，前端将在浏览器中将颜色渲染为某种颜色。通常，渲染开发工具将提供 some CSS，而现代浏览器将有一种遍历此方法的方法。

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

1. 按F12打开Devtools菜单

2. 在Devtools菜单中，按“检查元素”，然后单击页面上的橙色元素

3. 导航到“样式”窗格：您将看到它显示CSS值以及它们的来源

4. 在包含橙色的部分中单击URL格式的文本。

5. 在使用框架时，它可能是缩小的CSS文档（例如，file.min.css），也可能不是。在这种情况下，为了清晰起见，您可以通过按下底部的按钮进行美化。

6. 从那里您将获得代码的前端渲染以及从何处获取代码。根据您的框架，您将能够使用该文件所来自的位置来进行更改，以使您希望在代码中看到该更改。