Css 如何获得黑色主题的地址栏搜索结果

我在MacOS上使用Firefox开发者版主题来减少编程时的眼睛疲劳

但是，在位置栏中键入的结果仍然会弹出明亮的白色

有谁知道CSS会让这些结果使用深色背景和浅色文本

---

好的，在进行了大量的互联网挖掘之后，我找到了可能是唯一的解决方案，但也不是真正的解决方案

在撰写本文时，还没有用于更改搜索栏样式的插件/加载项/Mod。 但是，您可以更改Firefox本身的源代码。要执行此操作，请从以下位置开始：。它主要是用

C

和

C++

编写的。我的意思是，真的没有选择。 在Firefox的深处有一些设置，在那里你可以得到这样一个附加组件，但我找不到。 你可以完全关闭搜索栏，这样你就可以在点击回车键后在谷歌上获得搜索结果

第三个选项是，尝试其他浏览器。只需检查一下，哪个浏览器允许您设置搜索栏的样式，并在以后将所有其他黑色主题应用到该浏览器

---

希望，我没有让事情变得更糟：/

一般来说，如果您正在寻找一个可以改变这一点的附加组件，那么主题将是合适的。我使用的主题中至少有一个会为URL栏的自动完成结果设置样式。如果需要，扩展还可以更改样式。但是，考虑到您不需要一个完全不同的主题，只需要对Developer Edition主题进行一个小小的修改，通过将CSS放置在userChrome.CSS中，将CSS应用到配置文件的chrome中，您自己就可以更轻松地做到这一点

要自己动手，您需要确定要设置样式的适当元素。通常情况下，附加组件与组合在确定适当的样式元素时非常有用。安装这些附加组件后，打开“自动完成”下拉列表并按住Shift键单击鼠标右键，可以看到DOM中我们想要更改的内容：

因此，我们可以将以下内容放在配置文件的userChrome.css中，它需要位于[profile directory]/chrome目录中：

/*
*编辑此文件并将其作为userChrome.css复制到您的
*配置文件目录/chrome/
*/
/*
*此文件可用于自定义Mozilla用户界面的外观
*你应该考虑使用！重要的是你想要的规则
*覆盖默认设置。
*/
/*
*不要删除@namespace行——这是正确运行所必需的
*/
/*将默认名称空间设置为XUL*/
@命名空间url（“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#PopupAutoCompleteChresult{
背景色：黑色！重要；
-moz边框顶部颜色：黑色！重要；
-moz边框顶部颜色：黑色！重要；
-moz边框左侧颜色：黑色！重要；
-moz边框正确颜色：黑色！重要；
}
#PopupAutoCompleteChresult.AutoCompleteRichListBox{
背景色：黑色！重要；
}
#PopupAutoCompleteChresult.ac标题文本，
#PopupAutoCompleteChresult.ac标记文本，
/*#PopupAutoCompleteChresult.ac url文本*/
#PopupAutoCompleteChresult.ac操作文本{
颜色：白色；
}

这将导致URL栏自动完成，背景为黑色，文本为白色：

---

n1，我现在也会在我的Firefox中这样做。我添加了：#PopupAutoCompleteChresult.autocomplete richlistbox{background color:black；}@Stefanleyew，当你替换你的评论时，我正在处理它。在我的测试中，该规则需要一个

！重要信息

。根据您评论的初始内容，我假设您希望删除整个边框，因此我还添加了

#popupsotompleterichresult

规则，以删除额外的1px边框。白色边框是由于填充造成的。删除边框的另一种方法是删除

.autocomplete richlistbox

@RaisingAgent中的填充。根据Stefan的请求，此方法已更新为删除白色边框。