XF 2.2 Can't disable background change on hover (Font Awesome icon)

[JackieChun]

When you hover over a hyperlinked Font Awecome icon, the icon's background changes slightly. As an example, see the RSS icon in XenForo's footer. I am unable to disable this through any method in CSS short of a universal disable.

* {    background: none !important;}

Inspecting the elements in Chrome/Firefox developer tools did not produce any results. I have disabled every available background quality, and this change still persists. Can anyone explain why this can't be disabled for a given class (in this case a widget within a footer), even when you apply the rule specifically and even use !important?

 

[bzcomputers]

Have you tried something like...

a i :hover {
    background: none !important;
}

 

[JackieChun]

Tried it, didn't have any effect.