This document describes the basic button classes defined in the global skin module button.css . You can use the class attribute on a button to specify one or another of these button styles in your interface. Note that the background color in these screenshots does not reflect any style definition in the buttons themselves, but is a style on the parent box. When you hover over or click the button, the entire border turns black. The borderless button is very much like the default, but the border is lightgrey all the way around.
Active behavior is the same.
The dialog button includes 10px padding on either side of the text and 2px padding above and below. The large-toolbar class uses a GIF, coloring, and size minimums to define a round button like those displayed in the navigation toolbar. The text is visible and lightblue, the one pixel border is dark blue when active. The Mozilla Organization. Last modified April 28, 2000.