前提・実現したいこと
お世話になっております。
現在、RubyonRailsでアプリを制作しております。
cssで新規登録画面のレイアウトを整えているところなのですが、フォームにcssが反映されず、困っております。
やりたいことはフォーム同士の上下の間を空けたいです。
補足
反映されない箇所はitem_genreとitem_seasonです。
下記コードのクラス名でf_attachmentと同じこともやってみたり、paddingやmarginも試しましたが、反映されませんでした。
該当のソースコード
【html】 <div class="inner"> <div class="item_form"> <form class="new_item" id="new_item" enctype="multipart/form-data" action="/items" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="authenticity_token" value="27SyRNY+pULIDvbw5kUDWaSmLLJxhp9iMbl6TiPgD0R7kiXk4le2nRGxBzT05fDNRE2vxZHuRKTl3Bal7k+0vQ=="> <input value="{}" data-reference="9a50990d1eeb89fca9df976edbc2fb4a" type="hidden" name="item[photo]"><input class="f_attachment" data-reference="9a50990d1eeb89fca9df976edbc2fb4a" include_hidden="false" type="file" name="item[photo]" id="item_photo"> ▷ジャンル <select name="item[genre]" id="item_genre"> <option value=""></option> <option value="アウター">アウター</option> <option value="トップス">トップス</option> <option value="ボトムス">ボトムス</option></select><br> ▷シーズン <input class="f_season" type="radio" value="春" name="item[season]" id="item_season_春"> 春 <input class="f_season" type="radio" value="夏" name="item[season]" id="item_season_夏"> 夏 <input class="f_season" type="radio" value="秋" name="item[season]" id="item_season_秋"> 秋 <input class="f_season" type="radio" value="冬" name="item[season]" id="item_season_冬"> 冬<br> ▷ブランド名 <input class="f_brand" type="text" name="item[brand]" id="item_brand"><br> <input type="submit" name="commit" value="保存" data-disable-with="保存"> </form> </div> </div> ーーーーーーーーーーーーーーーーーーーーーーー 【css】 .f_attachment{ margin: 10px 190px 10px 190px; } ーーーーーーーーーーーーーーーーーー
試したこと
それぞれのフォームにクラス名をつけたり、親モデルの方のボックスモデルに書き込んだりしましたが、反映されませんでした。