html - 在 fa 图标上找不到悬停效果的代码

Question

这里的问题是关于我的投资组合:

My Portfolio

如果将鼠标悬停在“营销自动化”上，左侧会出现一个小的 fa-tablet 图标。当您将鼠标悬停在上面时，该平板电脑会变蓝。我不希望那个变蓝，但它应该保持白色。当您将鼠标悬停在所有 fa 图标上时，它们都会变蓝。在我沮丧的时候，我试图删除所有的 CSS，看看是否有帮助。但是悬停蓝还是来了。

我不知道那是从哪里来的。我一直在寻找我想到的地方。有人知道悬停效果来自检查器窗口的什么地方吗？

<div class="col-xs-12 col-sm-6 col-md-4">
            <div class="service small">
                <i class="fa fa-tablet"></i>
                <a href="artikler/marketing-automation.php"><h3 class="kompetenceLinks">Marketing Automation</h3></a>
                <p>
                     Et meget stærkt og endnu overset værktøj der <i>vil </i>skabe en automatiseret og personaliseret 
                     kunderelation, og dermed være en faktor til øget salgspotentialer.

                </p>
            </div>
        </div>

Answer 1

在 theme_color.css 的第 40 行你必须改变

.services .service:hover .fa, 
.popular-posts li a:hover .fa, 
.sidebar .social li a:hover, 
.block-thumbnail .block-data h3 a:hover {
    color: #09F;
}

到

.services .service:hover .fa, 
.popular-posts li a:hover .fa, 
.sidebar .social li a:hover, 
.block-thumbnail .block-data h3 a:hover {
    color: #FFF;
}

或者你在另一个文件中覆盖它......

这应该可以解决问题!