RailsでViewに記述した<style>～</style>間でボタンを画像化する

Question

いつもお世話になっております。

現在Railsでウェブページを作成しております。
CSSに#test以下を記述しアセットをプリコンパイルするとボタンに対しきちんとlogin.png画像を表示できるのですが、この記述をshow.html.erbの<style>～</style>間に記述した場合に画像が表示されなくなってしまいます。

background: url(login.png) no-repeat;
部分が正しく動いていないように思えるのですが、<style>～</style>間に記述した場合に画像を正しく表示するにはどのようにすればよいのでしょうか。

ご教示いただけますと幸いです。
よろしくお願いいたします。

#show.html.erb

<%= form_with(model: @userinfo, local: true, html: {id: 'inform_save', class: 'form', autocomplete: 'off'}) do |f| %>
     <%= f.submit '', id: 'test' %>
<% end %>


#css側
#test {
width: 166px;
    height: 55px;
    bottom: 0;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    cursor:pointer;
    background: url('login.png') no-repeat;
    background-size: contain;
}

Answer 1

以下のコードで解決することができました。
お騒がせして申し訳ございません。

background: url(<%= asset_path "login.png" %>) no-repeat;

いろいろとご回答いただだきありがとうございました。

Answer 2

Railsよく分からないので回答するのも微妙なんですけど、Railsは「#」がコメントアウトなんですよね？
それなら、「#test {」がコメントアウトになるので、それ以降のCSSが効かないのでは？

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
<style>～</style>に書いた
#test {
background:blue;
}
で背景色が青に変更されるので、コメントアウトにはなっていないと思われます。

Answer 3

background: url('login.png') no-repeat;ではないでしょうか...?

Comments

[lyzmfeqpxs54]

早速のご回答ありがとうございます。
background: url('login.png') no-repeat;
とした場合でも画像は表示されない状態です。

[kenny_sayama]

ブラウザのコンソールにエラーは出ていますか？

[lyzmfeqpxs54]

度々のご対応ありがとうございます。

background: url(<%= asset_path "login.png" %>) no-repeat;

で解決できました。
今回はたまたま自身で解決できましたしたが、またお力添えをいただければと思います。
ありがとうございました。