主页 / computer / 问题 / 1716106
Accepted
J. Mini
Asked: 2022-04-14 06:22:24 +0800 CST

为什么这两个 userChrome.css 文件不兼容？

  • 772

这个 userChrome.css 做我想做的事。特别是，它使我能够从蓝星菜单编辑书签 URL。

/* userChrome.css */

@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";

/* Add option to edit bookmark URLs under blue star menu */
#editBMPanel_locationRow {
  visibility: visible !important;
}

这个 userChrome.css 是我常用的，它做了很多我想要它做的事情，比如让我的书签在他们的工具栏中占用更少的空间。

/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";
.bookmark-item{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important; 
}
toolbarbutton.bookmark-item .toolbarbutton-text{
    display: none !important;
}
toolbarbutton.bookmark-item .toolbarbutton-icon{
    margin-left: 2px !important;
}
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 2px !important;
}
toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text{
    display: -moz-box !important;
}
/* --- [1] --- */
toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-text{
    display: -moz-box !important;
}
/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
  display: none !important;
}

/* fix right click menu disappearing on highlighted text */
*#contentAreaContextMenu { margin: 12px 0 0 12px };

但是当我通过附加来混合它们时

/* Add option to edit bookmark URLs under blue star menu */
#editBMPanel_locationRow, #editBMPanel_keywordRow {
  visibility: visible !important;
}

在上一个 CSS 文件的末尾，我无法从蓝色星形菜单编辑 URL。

这些中的每一个都可以独立工作，但是当我混合它们时，书签编辑 - 并且只有书签编辑 - 不起作用。这种不兼容有什么明确的原因吗？

firefox bookmarks

1 个回答

  1. Best Answer

    我在 Firefox 中使用您的 userChrome.css 和#editBMPanel_locationRow底部的额外条目创建了一个新配置文件。我观察到您的作品没有出现在书签模式/对话框中的行为。然后我把它放在*#contentAreaContextMenu入口上方，然后碎片出现了！这告诉我问题可能是 CSS 中的最后一个条目。确实，有一个微妙的错字：

    /* fix right click menu disappearing on highlighted text */
*#contentAreaContextMenu { margin: 12px 0 0 12px };

    第二行末尾的分号应该在大括号内。当我解决这个问题并将您的#editBMPanel_locationRow条目放在底部时，它可以工作：

    /*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";
.bookmark-item{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important; 
}
toolbarbutton.bookmark-item .toolbarbutton-text{
    display: none !important;
}
toolbarbutton.bookmark-item .toolbarbutton-icon{
    margin-left: 2px !important;
}
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 2px !important;
}
toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text{
    display: -moz-box !important;
}
/* --- [1] --- */
toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-text{
    display: -moz-box !important;
}
/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
  display: none !important;
}

/* fix right click menu disappearing on highlighted text */
*#contentAreaContextMenu { margin: 12px 0 0 12px ;}

/* Add option to edit bookmark URLs under blue star menu */
#editBMPanel_locationRow, #editBMPanel_keywordRow {
  visibility: visible !important;
}

    测试配置文件的屏幕截图：

    在此处输入图像描述

    • 1

相关问题