你好，我正试图删除工具栏图标的默认背景时，在火狐使用userChrome.css悬停

.toolbarbutton-icon
     {
        border-radius: 5px !important;
        box-shadow: 0px 1px 1px 1px black, 0 -0.01em 1px 0px #D0D0D0 !important;
        background-color: var(--uc-regular-colour) !important;
        width: 26px !important;
        height: 26px !important;
        padding: 5px !important;
     }

此代码块更改所有工具栏按钮（包括扩展图标）的大小和颜色
然后，我使用这段代码来更改悬停在它们上方时的颜色

*:hover > .toolbarbutton-icon{
        background-color: green !important;
     }

当鼠标悬停时，它会更改按钮的颜色，但扩展按钮保持不变。
如何在不定义每个扩展名或属性的情况下更改它
以下是一些屏幕截图，用于演示此问题

如您所见，除扩展按钮外，所有按钮都更改了颜色

*:hover .toolbarbutton-icon {
    background-color: green !important;
}

尝试了这个块以及下面的建议，但它在默认情况下悬停在所有图标上，我希望每个按钮改变颜色时，悬停在他们也当我悬停在扩展按钮它仍然有灰色