無法在Firefox UI中修改特定的CSS類

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中。你必須從哪裏下降幾個元素，右鍵單擊將激活檢查器。 路徑：

/* (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，邊框，使我的變化中脫穎而出，而補鍋匠...

希望它幫助。 蘭迪斯。