2017-06-18 100 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