Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'd like to understand how to customize Firefox 4's UI with userChrome.css But I can't find documentation about the element structure that make up the UI that can be modified by userChrome.css

What is the source code for Firefox 4's XUL?

share|improve this question
up vote 3 down vote accepted

Use the DOM Inspector add-on to inspect the UI directly. If you're familiar with Firebug or the Inspector in Safari or Chrome, it should be straightforward to use. The one thing to note is that you need to use the "File" -> "Inspect Chrome Document" menu, selecting the first item, in order to inspect the Firefox window itself rather than the current page.

Here's an article detailing how to use DOM Inspector in conjunction with userChrome.css:

share|improve this answer
Thanks. I think that didn't work yet for FF4 Beta when I asked it. – Carlos Gil Mar 8 '11 at 4:27

If you really want the source, then start here, for searching through the source and comparisons between versions online.

But I think you're probably far better off reading through something like the Mozilla Developer Network's Introduction to XUL, and all about working directly on Mozilla/Firefox including the interface.

share|improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .