html - 如何防止 link_to 图标在悬停时改变颜色?

标签 html css ruby-on-rails font-awesome

我正在使用 RoR 创建简单的应用。

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

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

当鼠标悬停在图标上时,我再也看不到图标了,我只能看到图标大小的黑色方 block 。 我能够设置访问的颜色并且它工作正常但我无法更改悬停选项。

有什么想法吗?

@edit:我确定它之前工作过,所以我从我在存储库中的一个旧提交创建了一个分支,并在它停止工作时逐步检查对代码应用更改。该应用程序没有加载我的 scss 文件,除了 application.scss 所以我添加了:

/*
*= require_tree
*/

到我的 application.scss 然后它停止工作。

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

最佳答案

在css中很简单:

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

关于html - 如何防止 link_to 图标在悬停时改变颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44619752/

相关文章:

javascript - 使用日期时间选择器禁用输入字段

ruby-on-rails - 用户 first_name last_name 字段创建一个 full_name 字段

ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test

ruby-on-rails - ElasticSearch Rails - 设置自定义分析器

html - list.js javascript 库不工作

javascript - 如何在angular2中的某些场景路由后更新导航栏

html - 设置 gcloud appspot 域 - 找不到 URL 错误

html - 导航栏偏移?

html - 动态设置页脚高度

css - Django Forms 模板设计类