rails formメソッドのレイアウトについて

Question

https://i.gyazo.com/c23d6c05797325eff853c8a4c455533b.png

●html.erb
<%# 画像の投稿 %>

<div class="image"> <label class="form-image"> <svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" fill=#1e90ff class="bi bi-camera-fill" viewBox="0 0 16 16"> <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/> <path d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z"/> </svg><br> <span class="file">画像を投稿</span><br> <%= f.file_field :image, id:"image", class:"hidden" %> </label> </div><br>

上記のようにコーディングして、html.erbにて画像のようなレイアウトを作成しました。機能としては画像に触れるとファイルの選択に進みます。この機能を維持したまま
画像の下の　ファイル選択　選択されていません　という文を削除したいです。

《試したこと》
<%= f.file_field :image, id:"image", class:"hidden" %>の　＝　部分の削除
結果→画像に触れてあとのファイル選択ができなくなる

解決策を教えていただきたいです
よろしくい願いいたします

Comments

[mac07]

なお、使用しているロゴはブートストラップから使用しています

Answer 1

<%= f.file_field :image, id:"image", class:"hidden" %>
と hiddenクラスがついていますから、CSS で見えないようにすればよいのでは？

Comments

[mac07]

ありがとうございました！解決しました！
考えすぎて初歩的なことを見落としていました

また、よろしくお願いいたします！