以下の通り、date_selectでbirthdateを表示しています。
birthdateの部分にいつくか、spanクラスを用いてcssを試してみましたが、反映されませんでした。
おそらく、年、月、日で、要素が1i,2i,3iに分かれていることが要因ではと思っておりますが、
このようなケースでcssを適用させるコードをご教示いただけると幸いです。
<div class="field"> <%= form.label :birthdate %> <li class="form"> <%= date_select :birthdate, id: :birthdate %> </li> </div>
<li class="form"> <select id="birthdate_{:id=>:birthdate}_1i" name="birthdate[{:id=>:birthdate}(1i)]"> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017" selected="selected">2017</option> <option value="2018">2018</option> <option value="2019">2019</option> <option value="2020">2020</option> <option value="2021">2021</option> <option value="2022">2022</option> </select> <select id="birthdate_{:id=>:birthdate}_2i" name="birthdate[{:id=>:birthdate}(2i)]"> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9" selected="selected">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select id="birthdate_{:id=>:birthdate}_3i" name="birthdate[{:id=>:birthdate}(3i)]"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16" selected="selected">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> </li>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/19 00:01