css - 图标链接上没有背景颜色

Question

我正在使用带有字体真棒图标的 AdminLTE 3 主题作为操作链接：

<a href="/products/2/edit"><i class="fas fa-edit"></i></a>

渲染的页面看起来不错，图标背景是透明的。当我将鼠标悬停在图标上时，图标周围会出现黑色背景。

如何去除这个黑色背景？

我试过了，但什么也没发生：

i, a :hover{
    background: none;
}

标签： cssruby-on-railsiconsfont-awesome

Answer 1

我的猜测是所有链接的一些样式规则都覆盖了这个。也许试试这个：

i:hover, a:hover {
    background: transparent!important; // or background-color
}