2013-05-14 138 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