出處:
http://www.sitepoint.com/forums/showthr ... e=threaded
出處的出處:
http://users.bigpond.net.au/nexx1/oxpmenu/
人家2003就已經玩出這個結果了 結果我現在才看到
可以依據下面的說明自己選擇想增加的效果貼進userChrome.css
請記得 沒有用ChromeEdit的人 編輯前先關閉Firefox 編完存檔後 再開啟Firefox
引言回覆:
Code:
/*===============================================*/
/* Office XP style Menus*/
/*===============================================*/
/* Menu border and background */
menupopup, popup {
-moz-border-top-colors: #666666 !important;
-moz-border-left-colors: #666666 !important;
-moz-border-right-colors: #666666 !important;
-moz-border-bottom-colors: #666666 !important;
padding: 1px !important;
border: 1px solid !important;
background-color: #F9F8F7 !important;
background-image: url(menuback.gif) !important;
background-repeat: repeat-y !important;
}
/* Give all Menu items a 1px invisible border */
menu, menuitem {
border: 1px solid transparent !important;
}
/* Open Main Menu Effect */
menubar > menu[_moz-menuactive="true"][open="true"]{
border: 1px solid #666666 !important;
border-bottom: #DBD8D1 !important;
background-color: #DBD8D1 !important;
}
/* Menu Seperator */
menuseparator {
margin-left: 20px !important;
margin-right: 0px !important;
}
/* Enabled Menus on mouseover */
menubar > menu[_moz-menuactive="true"],
menupopup > menu[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"] {
color: MenuText !important;
background-color: #B6BDD2 !important; /* Highlight background colour */
border: 1px solid #0A246A !important; /* Highlight border colour */
}
/* Disabled Menus on mouseover */
menu[disabled="true"][_moz-menuactive="true"],
menuitem[disabled="true"][_moz-menuactive="true"] {
color: GrayText !important;
background: transparent !important;
border: 1px solid transparent !important;
}
/* Autocomplete popups use white background */
popup[type="autocomplete"], listbox {
background-color: -moz-Field !important;
background-image: none !important;
}