【问题标题】:Cannot modify a specific CSS class in Firefox UI无法修改 Firefox UI 中的特定 CSS 类
【发布时间】:2015-05-30 09:51:24
【问题描述】:

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

对.ac-emphasize-text 的更改无效,甚至不会出现在 DOM Inspector 中。

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

为什么不能用 CSS 覆盖来修改这种样式?

【问题讨论】:

    标签: css firefox customization


    【解决方案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、边框来使我的更改在修补时脱颖而出......

    希望对您有所帮助。 兰迪斯。

    【讨论】:

    • 非常感谢。我会看看。我在修补时也使用奇怪的颜色。 :-)
    猜你喜欢
    • 2016-11-26
    • 1970-01-01
    • 2011-06-20
    • 2011-06-23
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    • 2013-07-16
    相关资源
    最近更新 更多