Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

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
add comment

2 Answers 2

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: http://eriwen.com/firefox/use-the-dom-inspector/

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
add comment

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
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.