关于newtab配置

[blackdarks]

大佬，请教下如何通过css快捷设置火狐的newtab里的快速拨号图标。

我手上有一些网站的SVG图标，想用CSS的方式来实现新标签内的常用网站图标链接本地的SVG图标，如何实现？

[yuuqilin]

你好，我这边还没有修改过新标签页的图标，我先研究一下具体的实现方式，稍后再给你详细回复。

[yuuqilin]

回复晚了，非常抱歉 🙇‍♂️
我这段时间研究了一下，New Tab / Home 页面里的快速拨号图标是可以通过 CSS 来替换的，可以按下面的方法实现。

实现方式

在 \chrome\content 文件夹下新建一个文件：

uc-custom-content.css

然后在里面写入类似下面的内容：

@-moz-document url-prefix("about:newtab"),
url-prefix("about:home") {
    .top-site-button[title="哔哩哔哩 (゜-゜)つロ 干杯~-bilibili"] {
        .top-site-icon {
            background-image: url("../icons/newtab/bilibili.svg") !important;
        }
    }
}

说明

• [title="哔哩哔哩 (゜-゜)つロ 干杯~-bilibili"]
  这里填写的是 你要替换的快速拨号站点的标题名称，需要和 New Tab 里该网站显示的标题完全一致。

• url("../icons/newtab/bilibili.svg")
  这里填写的是 你本地 SVG 图标的路径，可以根据你自己的目录结构进行调整。

这样就可以把 New Tab（以及 about:home）里的指定站点图标，替换为本地的 SVG 图标了。
如果有多个站点，可以按同样的方式多写几条规则。