虽然只是CSS的冰山一角，但是有了以上的知识我们就可以根据自己的需要来修改userchrome啦..比如你知道，如果你想给书签栏换一个字体，就应该修改它的 font-family属性，如果你想让它用粗体显示呢，就要把font-weight从normal改为bold。如果你继续钻研一下CSS，还会有更多的修改方法。当然，最好不要改掉原userchrome中设置的!important标记。
以下是userChrome.CSS中各个部分的作用域，虽然用的是otherside自己的userChrome，但是结构和顺序与原userChrome相比没有变化。
/*
* Edit this file and copy it as userChrome.CSS into your
* profile-directory/chrome/
*/
/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/
/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; /* set default namespace to XUL */
}
/* ::::: fixed font settings ::::: */
声明名字空间及说明部分，请勿修改。
#urlbar {
font-family: lucida grande, lucida grande !important;
font-weight: normal !important;
font-size: 9pt !important;
}
地址栏字体定义，定义了字体系列，字体加粗，字体尺寸。
.textbox-input-box {
font-family: lucida grande, lucida grande !important;
font-weight: normal !important;
font-size: 9pt !important;
margin-bottom: 1px !important;
}
文字输入框字体定义，定义了字体系列，字体加粗，字体尺寸，下边距。
.searchbar-engine-image {
margin-bottom: -1px !important;
}
.searchbar-dropmarker-image {
margin-bottom: -1px !important;
}
搜索引擎栏图片定义，定义了下边距。
.bookmark-item > .toolbarbutton-text {
font-family: lucida grande !important;
font-weight: bold !important;
font-size: 8pt !important;
padding-top: 3px !important;
}
书签栏字体定义，定义了字体系列，字体加粗，字体尺寸，下边留白。
tab {
font-family: lucida grande, lucida grande !important;
font-weight: normal !important;
font-size: 8pt !important;
}
.tabbrowser-tabs .tab-text {
font-family: lucida grande !important;
font-weight: bold !important;
font-size: 8pt !important;
padding-top: 1px !important;
}
.tabbrowser-tabs *|tab[selected="true"] .tab-text {
padding-top: 1px !important;
}
.tabbrowser-tabs .tab-text2 {
font-family: lucida grande !important;
font-weight: bold !important;
font-size: 8pt !important;
padding-top: 1px !important;