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

yumo6663个月前 (05-03)技术文章21

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

效果如下:

相关文章

CSS常用十六进制颜色代码对照表(十六进制颜色代码原理)

我们在做网页时,经常会用到十六进制颜色代码,一个漂亮的网页,它的颜色搭配必定有讲究,下表是一些常用的颜色及十六进制颜色代码对照,记录在此,以便查阅!...

HTML 标签和属性值的基本格式(html标签及属性大全百度资源)

HTML: HyperText Markup Language 超文本标记语言HTML代码不区分大小写, 包括HTML标记、属性、属性值都不区分大小写;任何空格或回车键在代码中都无效,插入空格或回车有...

教你如何用CSS修改图片颜色(css改变背景图片颜色)

看到题目是不是吓了一跳?css竟然还有这个操作?还真是第一次听说~原理嘛,其实很简单的,用到的就是 CSS3 滤镜filter中的drop-shadow,该滤镜可以给图片非透明区域添加投影。你可以理解...

CSS 颜色体系详解(css颜色有几种表示方式)

说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。接下来的行文内容大概会按照这个...

Python可视化交互库——dash——设置颜色

模块 dash.html 包含所有 HTML 标签, 可以用其设置文本及背景颜色.模块 dash.dcc 包含交互的高级组件.代码import pandas as pd import plotly.e...