? , ? 文章

火狐浏览器Firefox 40在Win10下使用彩色标题栏的教程

Mozilla不久前刚发布了针对Win10进行优化的火狐浏览器Firefox 40。最新版主要针对触摸屏进行了优化,默认主题颜色为灰色不可调,即使你通过《让Win10标题栏恢复五彩缤纷,不再“惨白”》中的方法让系统窗口标题栏显示为彩色,Firefox 40标题栏颜色也不会随之改变,甚至变得更难看。

Firefox 40默认标题栏颜色

▲Firefox 40默认标题栏颜色

开启Win10彩色标题栏后Firefox 40的样子,惨不忍睹

▲开启Win10彩色标题栏后Firefox 40的样子,惨不忍睹

如果你想让Firefox 40在Windows10下也能拥有彩色标题栏可参考下面的方法:

注:该方法通过自定义css实现,这不需要你有css基础知识,跟着操作即可。

• 打开火狐浏览器,按Alt键,打开“帮助”—“故障排除信息”,再打开的页面中点击“配置文件夹”后面的“显示文件夹”按钮。

• 在弹出的文件夹中新建名为Chrome的文件夹,再在Chrome文件夹中新建txt文档,并重命名为userChrome.css(注意,将系统设置为显示扩展名后,连同扩展名一块改掉)。

• 用记事本打开userChrome.css,然后将以下代码复制到其中,保存即可。

#main-window {
background-color: #1883d7 !important;
}
#titlebar-buttonbox .titlebar-button {
background-color: #1883d7 !important;
}
#titlebar-buttonbox #titlebar-max:-moz-any(:hover,[open]), #titlebar-buttonbox #titlebar-min:-moz-any(:hover,[open]) {
background-color: #0b5894 !important;
}
#titlebar-buttonbox #titlebar-close:-moz-any(:hover,[open]) {
background-color: #e81123 !important;
}

代码说明:

四个css分别代表主窗口颜色(包括标题栏)、标题栏按钮区域以及标题栏按钮颜色、最大化最小化按钮选中状态颜色、关闭按钮选中状态颜色。

类 似#1883d7的字符串就表示颜色值,也可以写成rgb模式颜色值,比如#1883d7换算后为rgb(24,131,215)。如果你开启了系统窗口 标题栏颜色,想要让Firefox标题栏随之改变,只需要将前两个background-color改为transparent !important即可。

效果如下:

20150816211953

原文链接:,转发请注明来源!
1 0

发表评论

  • 评论1则,共1页,当前第1
    • TK

      求教怎么改为护眼绿 :grin:

      0 0 Firefox 40.0 Firefox 40.0 Windows 10 x64 Edition Windows 10 x64 Edition回复