MozillaZine

Chrome element names and IDs

From MozillaZine Knowledge Base

(Difference between revisions)
Revision as of 00:55, 21 September 2005
Np (Talk | contribs)
(add category)
<-- Previous diff
Revision as of 13:50, 13 December 2005
Asqueella (Talk | contribs)
(replace Location Bar with a link to category)
Next diff -->
Line 15: Line 15:
|- |-
| <code>#urlbar</code> | <code>#urlbar</code>
-| [[Location Bar]]+| [[:Category:Location Bar|Location Bar]]
|- |-
| <code>#throbber</code> | <code>#throbber</code>

Revision as of 13:50, 13 December 2005

When editing userChrome.css, you must add CSS selectors based on the element names and IDs/classes of the XUL user interface. There is no comprehensive listing of every single possible selector to use when styling the user interface (just as it would be silly to create such a comprehensive list for a web page), but a few of the more common and interesting selectors are listed below. A lengthier list is available in two threads in the forums at The Extensions Mirror.

The best way to discover how to select an element in the user interface is to use the DOM Inspector.

Contents

Main Firefox UI elements

Selector Description
menubar > menu Every menu on the menubar (File, Edit, etc)
tab Tabs (browser tabs as well as tabs in dialogs)
#urlbar Location Bar
#throbber Activity indicator (throbber)
#bookmarks-menu Bookmarks menu

Firefox context menus

Selector Description
#context-openlink Open Link in New Window
#context-openlinkintab Open Link in New Tab
#context-sep-open line separator
#context-bookmarklink Bookmark This Link...
#context-savelink Save Link As...
#context-sendlink Send Link...
#context-copyemail Copy Email Address
#context-copylink Copy Link Location
#context-sep-copylink line separator
#context-viewimage View Image
#context-copyimage-contents Copy Image
#context-copyimage Copy Image Location
#context-sep-copyimage line separator
#context-saveimage Save Image As...
#context-sendimage Send Image...
#context-setWallpaper Set As Wallpaper...
#context-setDesktopBackground Set As Desktop Background...
#context-blockimage Block Images from...
#context-back Back
#context-forward Forward
#context-reload Reload
#context-stop Stop
#context-sep-stop line separator
#context-bookmarkpage Bookmark This Page...
#context-savepage Save Page As...
#context-sendpage Send Page...
#context-sep-viewbgimage line separator
#context-viewbgimage View Background Image
#context-undo Undo
#context-sep-undo line separator
#context-cut Cut
#context-copy Copy
#context-paste Paste
#context-delete Delete
#context-sep-paste line separator
#context-selectall Select All
#context-sep-selectall line separator
#context-keywordfield Add a Keyword for this Search...
#context-searchselect Search Web for ...
#frame-sep line separator
#frame This Frame
#context-sep-properties line separator
#context-viewpartialsource-selection View Selection Source
#context-viewpartialsource-mathml View MathML Source
#context-viewsource View Page Source
#context-viewinfo View Page Info
#context-metadata Properties
#context-sep-bidi line separator
#context-bidi-text-direction-toggle Switch Text Direction
#context-bidi-page-direction-toggle Switch Page Direction

See also

External links