css - 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;
}

有什么建议么？

score 5 · Accepted Answer

从您的项目中删除“scaffold.css.scss”，。此文件包含导致问题的锚的样式：

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

或者删除这个截断形式的脚手架.css.scss 文件

其次，删除围绕类的“{}”：.....，但我真的不知道这是否是一个错字

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

祝你好运。

score 3 · Accepted Answer

也许是一个“优先”问题。试试这个：

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

或background-color: transparent !important;。

2 回答 2