Question

使用CSS修改Firefox中urlbar的下拉列表时，除了将CSS应用于.ac-emphasize-text类外，一切都按预期工作。

.ac-emphasize-text的更改无效，甚至不会显示在DOM Inspector中。

要查看此类的文本示例，请启用统一工具栏（将browser.urlbar.unifiedcomplete设置为true，如果尚未设置），然后在urlbar中输入您定义的任何关键字，然后按一个空格，然后是更多的文字。

为什么不能使用CSS叠加层修改此样式？

Answer 1

我发现你的问题是挑战...... 所以，我玩了一下。 'ac-emphisize-text'在DOM中。你必须从shift +右键单击激活检查器的地方下载一些元素。路径：

/* (panel) id PopupAutoCompleteRichResult > autocomplete-richlistbox > box-inherit scrollbox-innerbox > autocomplete-richlistitem > (ac-title-box) ac-url-box > ac-url > ac-normal-text ac-url-text > (span) ac-emphasize-text */

所以，这是我能做的最好的事情。在userChrome.css中 - 从此开始。

*|span.ac-emphasize-text {
color:orange !important;
border: 1px solid white !important;
}

它不漂亮，但我使用'奇怪'颜色，bg，边框让我的修改在修补时突出...

希望它有所帮助。兰迪斯。

无法在Firefox UI中修改特定的CSS类

1 个答案: