iPhoneにだけ反映されるCSS（統一させたい）

###解決したいこと
cssで設定した内容がパソコン（Google検証を含む）やアンドロイドではうまく反映されるが、iPhone（Xcodeのシュミレーター含む）でだけ違うデザインが反映されてしまう。

左画面がGoogle検証で表示している画面で、右がXcodeのシュミレーターで表示している画面です。
両方同じコードで表示しているにも関わらず、表示内容が異なります。

html
1<div class="box">
2  <%= form_tag("create", {multipart: true}) do %>
3    <input value="登録する">
4  <% end %>
5</div>
6<div class="box2">
7  <%= form_tag("create", {multipart: true}) do %>
8    <input type="submit" value="登録する">
9  <% end %>
10</div>

scss
1.box1 input {
2  font-size: 58px;
3  width:90%;
4  background-color:blue;
5  color:white;
6  border: 2px solid rgb(216, 218, 223);
7  border-radius:0 0 10px 10px;
8}
9.box2 input {
10  font-size: 58px;
11  width:90%;
12  background-color:blue;
13  color:white;
14  border: 2px solid rgb(216, 218, 223);
15  border-radius:0 0 10px 10px;
16}

上記のように、type="submit"を追加したinputボタンに、何かしらの違い（border-radiusや色など）がiPhone或いは、Xcodeのシュミレーターだけに反映されてしまいます。念の為、上記のcssの内容以外は全て削除した状態で試しています。

考察中-
・上記以外の全てのcssは削除していますが、キャッシュのように、削除しても一時的に反映されるということがあるのでしょうか？
・そもそも、iPhoneにだけ反映されるような、cssの違いが出るのでしょうか？
・修正の仕方が分からなくても、type=submitを使わずして、submitの効力を保有させる方法はあるのか？