@taketyan-manposted at 2023-10-30

Rails iosにて表示されない箇所がある

Q&A

Closed

解決したいこと

Railsにて予約機能をつけたアプリを制作してデプロイしたのですがform.submitのvalueが
iPhoneだけ見えなくて困っています
一応クリックはできるのですが、、、
Macは見れますし、GooglePixelも見れました
どちらもSafari,Googleで確認しました
誰かお力添えをお願いします。

こちらがiPhone

こちらがGooglePixel

該当するソースコード

    <%= form_with url:booking_date_create_path, class: 'form' do |form| %>
      ---------------------------------------------------------------
          <%= form.submit value: '予約する', class: 'submit_btn' %>
       
    <% end %>

自分でやってみたこと

form.submit を　

    <input type="submit" value="予約する" class="submit_btn">

に変えたりしたのですが、、、何も変わらず

3Answer

@nak435 posted at 2023-10-31

iPhoneのsafariでの場合でしょうか？　iPhoneのchromeでも同じ結果でしょうか？

生成されたHTMLを見てみたいですが、可能でしょうか？

0Like

Comments

@taketyan-man
Questioner
返信ありがとうございます。解決しました。
css確認したとlころ,
background-color: transparent;
しか指定していなかったため、見えなかくなったぽかったです。
border: 1px solid black;
color: black;
を追加したら見えるようになりました。

@github0013@github posted at 2023-11-01

submit_btnのCSSの設定はありますか？

0Like

Comments

@taketyan-man
Questioner
返信ありがとうございます。解決しました。
css確認したとlころ,
background-color: transparent;
しか指定していなかったため、見えなかくなったぽかったです。
border: 1px solid black;
color: black;
を追加したら見えるようになりました。

@taketyan-man posted at 2023-11-02

IOSのsubmitは青地でボーダーもなく白文字が基本なので
cssにてbackground-color: transparent;(無地にする)をしてしまった前に何も見えなくなってしまった
よって

.submit_btn {
border: 1px solid black;
color: black;
}

を追加したら見えるようになった。
デバイスごとの差異を無くすために一旦デザインを削除してからデザインした方がいいと思った

0Like

Are you sure you want to delete the question?

Rails iosにて表示されない箇所がある

解決したいこと

該当するソースコード

自分でやってみたこと

3Answer

Comments

Comments

Your answer might help someone💌