Firefox(火狐)浏览器自定义主页背景图片，自定义空白页

本文实现：Firefox(火狐)浏览器自定义主页背景图片，Firefox(火狐)浏览器自定义空白页，Firefox(火狐)浏览器隐藏搜索栏等等。

写在前面：Firefox主页和新增的空白页太丑了，想自定义美美的背景图片，然后优化主页显示。于是在网上找了找资料又自己改了改，最终实现了很好的效果。

步骤一：

在地址栏进输入about:profiles 回车访问。

打开default-release的根目录文件夹，新建一个名为chrome的文件夹。

如图。

步骤二：

将你想要设置的背景图片存入新建的这个chrome文件夹，并在文件夹中新建一个txt文件，重命名为userContent.css（这个文件可以对浏览器样式进行设置）。

之后打开userContent.css（打开方式用记事本就行），修改其内容为如下代码：

其中`yae.jpg`这里是你想使用的背景图片的文件名，可以根据需要更改。

@-moz-document url(about:home), url(about:blank), url(about:newtab), url(about:privatebrowsing) {
    .top-site-button .title, .context-menu-button {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }
    
    .logo-and-wordmark {
        display: none !important;
    }

    .search-wrapper {
        display: none !important;
    }

    body {
        --newtab-topsites-outer-card-hover:rgba(255, 255, 255, 0.4) !important;
        --newtab-element-hover-color: rgba(255, 255, 255, 0.3) !important;
    }

    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background:radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.75)), no-repeat url(yae.jpg) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

这段代码具体的作用是这样的：

        第一段是设置home页面（主页）、blank页面（空白页）、newtab页面（新建标签页）、privatebrowser页面（隐私模式标签页）。.top-site-button .title： 这个选择器用于匹配 Firefox 浏览器主页上的顶部站点快捷方式的标题文本。.context-menu-button： 这个选择器用于匹配 Firefox 浏览器中点击页面时出现的上下文菜单（Context Menu）中的按钮。通过样式表将字体改为了白色。

        第二段将logo移除了；

        第三段将搜索栏移除了（毕竟现在的火狐浏览器可以直接在地址栏搜索），如果想保留搜索栏，可以不添加下面这段内容。

.search-wrapper {
        display: none !important;
    }

        第四段修改了鼠标聚焦时推荐网页的选中颜色为半透明。如果你把推荐网页之类的关闭了的话也可以不添加。

        第五段是在设置背景图片。