Win10下,让Firefox 40浏览器也用上彩色标题栏

yumo6669个月前 (05-03)技术文章63

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

Firefox 40默认标题栏颜色

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

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

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

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

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

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

#main-window {

background-color: #1883d7 !important;

}

#titlebar-buttonbox .titlebar-button {

#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即可。

效果如下:

相关文章

PC网站建设必备代码知识:HTML基础与应用技巧

在PC网站建设的相关课程里,代码扮演着至关重要的角色。只有熟练运用正确的代码,我们才能打造出功能完善、用户体验出色的PC网站。接下来,我会详细讲解在PC网站建设环节中必须了解的代码知识。HTML基础代...

vb.net的颜色赋值代码(vb颜色表示代码)

有没有人跟我一样,对颜色的名称,除了常用的几种(如红色,白色,黄色,蓝色,绿色,黑色),就无法说出其它颜色的名称来。我解决这个问题的办法,我有一个图,上面都是Color结构已经定义的颜色的名称及对应颜...

HTML页面精简代码只需做好这5步(html页面精简代码只需做好这5步程序)

网站打开速度慢?网站加载图片慢?网站容易卡顿?身为站长和网站用户的你有没有遇到过这种情况?没错,这些都是网站页面体积惹的祸。解决办法是通过技术手段去掉臃肿杂乱的代码,减小网页文件大小,加快网页加载速度...

45个颜色网站,设计师必备指南(推介几个有颜色的网站)

颜色搭配不知所措?颜色参考找不到心仪网站?来!收下这份全面的色彩网址吧!配色是设计中非常重要的部分,好的配色不仅可以让我们的设计更加出彩,还能对用户产生情感影响,相信这些网站一定能对你们有所帮助~1....

Vue3 做主题色切换,一定要用这个神库!

端开发中,主题色管理是构建现代化、个性化应用的关键需求。theme-colors 库通过简洁的API和强大的功能,帮助开发者轻松实现 动态主题色切换、颜色派生和主题持久化 等功能。npm instal...