前往
大廳
主題

火狐Firefox Stylish CSS樣式:選單美化

—— | 2016-04-29 13:52:40 | 巴幣 0 | 人氣 292

選單透明、選單選中區域改成橘色、選單字體改成綠色。
/*彈出選單微透明*/
popup,menupopup,#PanelUI-popup {
    opacity: .9;
}
/*選單選中區域樣式*/
menupopup > menu[_moz-menuactive="true"],
menupopup > menuitem[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
popup > menuitem[_moz-menuactive="true"] {
    -moz-appearance: none;
    background: rgba(255,153,0,0.2)!important;
    border: 1px solid #55BBEC!important;
}
menu,menuitem:not([id="context-back"]),splitmenu,.splitmenu-menuitem {
    -moz-appearance: none!important;
    height: 28px!important;
    border: 1px solid transparent!important;
}
/*選中選單的字體顏色*/
:-moz-any(menuitem,menu):hover > :-moz-any(.menu-text,.menu-iconic-text){color:green!important;}

/*tooltip*/
tooltip {
    -moz-appearance: none !important;
    background: white !important;
    opacity: 0.9 !important;
    border: 1px solid #55BBEC !important;
    border-radius: 0px !important;
}
tooltip label {
    color: #FF9900 !important;
    border-radius: 3px !important;
}

創作回應

更多創作