Html Can';在开发工具中找不到CSS颜色

Html Can';在开发工具中找不到CSS颜色,html,css,twitter-bootstrap,google-chrome-devtools,Html,Css,Twitter Bootstrap,Google Chrome Devtools,我有一个使用BS4构建的简单静态网站。在此网站上,我使用默认设置: navbar navbar-expand-md navbar-dark 移动导航栏。这是一个简单的汉堡包移动菜单。当汉堡图标位于其中时;焦点状态,汉堡包菜单的轮廓将更改为不同的颜色,此轮廓功能可按如下方式禁用: .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus { outline: none; } 我想禁用它来删

我有一个使用BS4构建的简单静态网站。在此网站上,我使用默认设置:

navbar navbar-expand-md navbar-dark
移动导航栏。这是一个简单的汉堡包移动菜单。当汉堡图标位于其
中时;焦点
状态,汉堡包菜单的轮廓将更改为不同的颜色,此轮廓功能可按如下方式禁用:

    .navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
}
我想禁用它来删除我在CSS中找不到的橙色,但没有时间查找,所以干脆禁用了它-然而,我现在意识到,这种颜色是不可能找到的

该颜色有十六进制代码#e59700(使用ColorPicker查找)。在整个网站上,在任何CSS、html或CDN托管的样式表中,我都找不到这个十六进制代码,它是橙色的,我搜索了“橙色”,以防万一没有用

我在NotePad++中手动搜索CSS和HTML,并使用Ctrl-Shift F(开发工具搜索)。网站上使用的每一种其他颜色都可以通过此搜索找到,即使是引导CDN样式表上的颜色

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

编辑:我也尝试过在RGB和HSL颜色空间中搜索,但没有结果。

解决了

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

在Mac电脑上,webkit聚焦环的颜色是蓝色rgb(94158214)(或#5E9ED6),但在Windows和Linux上是金色rgb(229151,0)(或#E59700)


基本上,如果我强制:聚焦页面上的任何对象,它将被赋予-webkit焦点环颜色,即#E59700。

在您的站点视图中,前端将在浏览器上呈现颜色。通常情况下,渲染开发工具将提供一些CSS,现代浏览器将有一种方法来遍历这些CSS

在Chrome中,您可以执行以下操作:

  • F12
    打开Devtools菜单

  • 在Devtools菜单中,按“Inspect element”,然后单击页面上的橙色元素

  • 导航到“样式”窗格:您将看到它显示CSS值及其来源

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

  • 当您使用一个框架时,它可能是也可能不是一个缩小的CSS文档(例如
    file.min.CSS
    )。在这种情况下,你可以通过按下底部的按钮来美化它。

  • 从那里,您将拥有代码的前端呈现以及代码的来源。根据您的框架,您将能够使用该文件进行您希望在代码中看到的更改。


  • 我无法抗拒:你试过寻找
    颜色吗什么意思?如果你是指颜色,那么是的。忽略这个。。。橙色(在Chrome、desktop、html中)是
    #FFA500
    -创建了一个div,将其背景色样式设置为橙色,检查了它,这就是我得到的。我知道黄色是全红色,全绿色,没有蓝色,所以我尝试了半绿色-#FF8000,结果非常接近。这就是你要问的吗?没关系,我解决了。颜色#E59700是-webkit聚焦环颜色,它是基于操作系统的webkit颜色,不特定于站点。