从 userChrome.css 中的 Firefox 工具栏书签中删除图标

Question

我正在尝试删除 Firefox (20.0) 书签工具栏中某个特定书签的图标。即下图中“稍后阅读”左侧的虚线框：

我的userChrome.css文件如下：

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*only needed once*/
.bookmark-item[label="Read Later"]{display: none;}

此外，以下方法也不起作用：

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /*only needed once*/
#personal-bookmarks toolbarbutton[label="Read Later"] image{
    display: none !important;
    -moz-margin-end: 0px !important;
}

不幸的是，这没有任何作用。有什么想法吗？

---

我使用过的链接：

userChrome.css 中的 #bookmarksBarContent 工具栏按钮修改

如何从 FF 4 书签工具栏中删除图标？

Answer 1

您需要定位书签的图标。请尝试以下操作：

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.bookmark-item .toolbarbutton-icon[label="Read Later"] {
    display: none !important;
}

或者，你可以定位全部空白书签图标（不在文件夹中），内容如下：

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.bookmark-item .toolbarbutton-icon:not([type="menu"]):not([src]) {
    display: none !important;
}