LoginSignup
taketyan-man
@taketyan-man

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

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

Q&A

Closed

RubyiPhoneRailsiOSform_with

解決したいこと

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

こちらがiPhone
56027.jpg

こちらがGooglePixel
56030.jpg

該当するソースコード

    <%= 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">

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

0

3Answer

nak435
@nak435

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

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

0Like

Comments

  1. @taketyan-man

    Questioner

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

Comments

  1. @taketyan-man

    Questioner

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

taketyan-man
@taketyan-man

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

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

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

0Like

Your answer might help someone💌

LoginSign Up