2013-05-14 163 views
2

當我將鼠標懸停此鏈接:Rails:不能改變懸停顏色?

<div id="withLibre"> 
    by <%= link_to p.user.username, "#", {class: "username_link"} %><%=time_ago_in_words(p.created_at) %> ago 
</div> 

...背景色爲黑色,即使我設置background-colornone或另一種顏色。我可以更改color,但不能更改background-color。這裏介紹CSS:

.username_link:hover{ 
    background-color: none; 
    color: #34DDDD; 
    text-decoration: none; 
} 

有什麼建議嗎?

+0

也許你的資產文件夾中有一些腳手架CSS文件。 –

+0

是的,我喜歡。我試圖刪除它,但它不起作用。有什麼建議麼? – allegutta

+0

如果您不打算使用腳手架CSS,那麼您可以刪除,問題很可能是您的腳手架與您的風格發生衝突。 –

回答

3

也許是一個「優先」問題。試試這個:

#withLibre .username_link:hover{ 
    background-color: transparent; 
    color: #34DDDD; 
    text-decoration: none; 
} 

background-color: transparent !important;

+0

謝謝,但它沒有工作.. – allegutta

+0

編輯:'background-color:transparent;'因爲'none'不是一個有效的值。 – cortex

+0

是的,工作!突然間我也可以改變背景顏色,嗯?反正它工作:)謝謝。 – allegutta

5

從您的項目中刪除「scaffold.css.scss」,.此文件包含錨風格,導致此問題:

a { 
    color: #000; 
    &:visited { 
    color: #666; 
    } 
    &:hover { 
    color: #fff; 
    background-color: #000; 
    } 
} 

或刪除此剪斷形式scaffold.css.scss文件

二,刪除「{}」包圍類:......,但我真的不知道這是否是一個錯字

<%= link_to p.user.username, "#", class: "username_link" %> 

祝你好運。

+0

謝謝,但沒有工作... – allegutta