2017-06-18 98 views
1

我使用RoR创建简单的应用程序。如何防止悬停时link_to图标颜色改变?

我有一个链接,看起来像这样

<%= link_to (fa_icon "heart-o", class: "fa-lg"), like_path %> 

当鼠标放在图标上,我不能再看到这个图标,我看到一个尺寸的图标只是黑色的正方形。 我能够设置访问颜色,它工作正常,但我无法更改悬停选项。

任何想法?我已经确定它的工作原理,所以我创建了一个分支,从我在仓库中的一个旧提交中创建了一个分支,并逐步检查代码是否停止工作时将更改应用于代码。该应用程序没有加载我的SCSS文件,除了application.scss所以我说:

/* 
*= require_tree 
*/ 

我application.scss,然后停止工作。

@ edit2:我解决了这个问题,在scaffolds.scss中悬停了背景颜色。我删除了,现在一切正常。谢谢。

+0

这是一个CSS的事情。你只需为'a.fa-lg :: hover'写一个CSS规则,或者添加第二个类并为该类制定规则。 –

+0

@AdamLeBlanc它不是那么简单,我已经试过 – Meii

+0

快乐你解决了它。它几乎总是一个简单的CSS事物,非常(非常)很少会是JavaScript的东西,但它几乎总是一个CSS规则。 –

回答

1

它在简单的CSS这样的:

a.fa-lg:hover { 
    color: #3af !important; 
} 
+0

关键是它不工作,我已经试过 – Meii

+0

@Meii尝试!重要。一定是那么简单相信我。 –

+0

仍然无法为悬停工作,我的意思是无论我添加什么我可以看到它的颜色的心脏,但广场上的所有空白空间都充满了黑色 – Meii