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

または、この切り取られたフォーム scaffold.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