Rails：不能改变悬停颜色？

Question

当我悬停此链接时：

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

...即使我将background-color设置为none或其他颜色，背景颜色也是黑色。我可以更改color，但不能更改background-color。这里介绍了CSS：

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

有什么建议吗？

Answer 1

从您的项目中删除“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" %>

祝你好运。

Answer 2

可能是一个“优先”问题。试试这个：

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

或background-color: transparent !important;。