使用CSS自定义Firefox 57
- 类别: 火狐浏览器
Custom Fx的CSS是Firefox 57的CSS样式的集合，该样式由流行的Firefox附加组件Classic Theme Restorer的作者更新。
由于切换到WebExtensions专用系统，Firefox 57将不再支持Classic Theme Restorer或任何其他更改扩展名或主题的界面。 新的WebExtensions系统 通过不向扩展程序开发人员提供API来防止更改浏览器的用户界面。
除了Mozilla在Firefox中原生提供的功能之外，Firefox用户留下的唯一修改UI的选项就是使用CSS。
了解CSS方式的Firefox用户可以手动编辑CSS文件，以修改其Web浏览器版本。另一方面，大多数Firefox用户可能没有，这就是Custom CSS for Fx发挥作用的地方。
使用CSS自定义Firefox 57
该项目 托管在GitHub上，由Aris维护，Aris以著名的Firefox附加组件（例如Classic Theme Restorer和NoiaButtons）而闻名。 经典主题还原器 被创建为 响应Australis界面 是Mozilla在Firefox 29中启动的。该扩展名将不再在Firefox 57或更高版本中工作，因为Mozilla在该Firefox版本中放弃了对旧版附件的支持，并且未引入将用户界面修改为WebExtensions API的功能。
该项目的起始页提供了有关查找Firefox Web浏览器的配置文件文件夹以及使用提供的样式来修改Firefox的信息。
查找配置文件文件夹的最简单方法是在浏览器的地址栏中加载about：support，然后单击“应用程序基础”>“配置文件文件夹”下的“打开文件夹”按钮。
如果配置文件目录的根目录中不存在名为chrome的文件夹，则需要创建该文件夹。完成后，将存档的内容复制到该文件夹中。确保userChrome.css和userContent.css位于chrome文件夹的根目录中。
将这些自定义样式添加到Firefox所需要做的就是所有这些。但是，您可能还需要采取另一步，即自定义调整项。
默认的一组调整可能会吸引某些用户，但是CSS文件带有用于启用或禁用不同调整以进一步更改界面的选项。
在纯文本编辑器中打开userChrome.css文件。该文件使用@import命令从CSS文件导入实际的CSS样式。这样做是为了使主要用户Chrome.css保持整洁，并使Firefox用户更容易对其进行修改。
以/ *开头的行被注释掉，因此，不会导入它们链接到的CSS文件。
您需要做的是一次列出一个部分，以确定您要在Firefox中启用哪些可用的调整。
您可以通过在行的前面添加/ *以及在后面的* /来卸载调整。同样，您可以删除前面的/ *和后面的* /以启用调整。
以下是目前可用的调整列表：
- 修改导航工具栏按钮。
- 启用平方按钮
- 更改图标外观
- 更改应用程序按钮弹出窗口。
- 更改书签菜单和弹出外观。
- 旧书签工具栏的按钮外观
- 其他按钮设置（前进按钮隐藏，后退和前进按钮分隔历史弹出窗口，缩放按钮隐藏重置）。
- 自定义后退和前进按钮外观
- 导航工具栏上的“应用程序/汉堡包”按钮
- Firefox标题栏中的“应用程序/汉堡包”按钮（仅Windows）
- 选项卡的外观（样式，工具栏在工具栏下方的位置（例如：选项卡不在顶部），选项卡标题，图标等。
- 修改搜索栏，上下文菜单，图标和其他工具栏。
- 更改位置栏的样式。
其中一些是不言自明的。其他的则不是，但是在这些方面您有两个选择。启用它们并直接将其检出，或者打开加载的CSS文件以了解它们的作用。后者需要一些CSS知识。
userContent.css文件使用相同的布局。它导入CSS文件，由您决定是启用还是禁用这些文件。
该项目还提供了建议的本机界面调整和about：config调整的列表，以进一步修改Firefox的外观。
结束语
用于Fx的自定义CSS为Firefox 57的界面提供了许多界面修改，使用扩展名或内置功能无法完成。现有的Firefox用户可能会发现它很有用，特别是如果他们到目前为止使用Classic Theme Restorer或类似的附件。
更新由Aris定期发布；这不仅有益于可能通过调整引入的新功能，而且还可以使样式与新的Firefox版本兼容。