放到userChrome.css
| /*預設顯示最小化按鈕 懸浮顯示三按鈕 */ .titlebar-restore, .titlebar-max, .titlebar-close{ visibility: collapse; transition: visibility 0s linear 10ms; } .titlebar-buttonbox-container:hover .titlebar-button { visibility: visible } /*QQ彈彈的果凍效果 */ toolbarbutton:is(:hover,[open]){--toolbarbutton-inner-padding: 8px !important; padding: 0 8px 0 8px !important} /*喜歡原按鈕刪除下面所有 */ .titlebar-button { transition: all 0.3s ease !important; padding: 8px 12px !important; background: #000000 !important; } .titlebar-button > .toolbarbutton-icon { transition: all 0.3s ease !important; list-style-image: none; border-radius: 1px; min-height: 1px !important; min-width: 1px !important; height:6px !important; width: 6px !important; } .titlebar-button.titlebar-min > .toolbarbutton-icon { background: #31c346 !important; } .titlebar-button.titlebar-max > .toolbarbutton-icon, .titlebar-button.titlebar-restore > .toolbarbutton-icon { background: #f9b83f !important; } .titlebar-button.titlebar-close > .toolbarbutton-icon { background: #f75552 !important; stroke: #f75552 !important; } .titlebar-button:hover > .toolbarbutton-icon { background: #363636 !important; } |
