Search code examples
cssuser-interfacefirefoxcustomizationxul

What is the CSS for Firefox's URL suggestion popup?


I wasn't able to find the popup with suggestions of URLs when you begin typing an address. Just to be clear – here is a screenshot of what I mean:

Firefox suggestion popup

I'm using the Browser Toolbox (Ctrl+Alt+Shift+I) to figure out the CSS. Even with the "automate hiding popups" disabled, the suggestion popup still disappears. No chance to pick any element in that box.

I'm just trying to alter the size of some text, so I don't want to install any additional plugins for such a simple task.


Solution

  • The ID of that popup is #PopupAutoCompleteRichResult. Unfortunately, for some reason it doesn't respect the setting that disables autohiding of popups.

    The good news is that you should be able to locate it in the browser chrome even when it's hidden by dropping that selector into the search field in the Inspector in the Browser Toolbox. You can also navigate to it manually by looking in window#main-window > popupset#mainPopupSet.

    The text in each item can be styled using the selectors .ac-title and .ac-url. These elements are also referenced in chrome://browser/skin/browser.css.