Basic Toolbar with Toolbarbutton
Prev 1. XUL Components Next

Basic Toolbar with Toolbarbutton

Toolbar with Toolbarbutton is composed of two parts, anchor tags and a div.

Toolbar with Toolbarbutton

CSS Definition

Description

Default Values

.toolbar

The toolbar

padding: 1px;

background: #e0eaf7; border: 1px solid;

border-color: #f8fbff #aca899 #aca899 #f8fbff;

.toolbar a

The toolbar buttons

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: x-small;

font-weight: normal;

color: black;

background: #e0eaf7;

border: 1px solid #e0eaf7;

text-decoration: none;

Customize Toolbar with ToolbarButton

The way to customize the toolbar with toolbarbutton, changing background and font colors when hover over text.

Normal:

Hover:

.toolbar{
    background:red none repeat scroll 0% 50%;    
}
.toolbar a{
    background:blue;    
    border:blue;    
    color:white;    
}
.toolbar a:hover{
    background:white;    
    border:white;    
    color:blue;    
}
Prev Up Next
 Home Tree