iPhoneだとボタンのタイトルが表示されない
EC-CUBE2系をお使いのECサイト事業者様より、iPhoneだとボタンのタイトルが表示されないとご相談がございました。
以下の画像のように、Androidだと「会員登録をせずに購入」ボタンが表示されいますが、iPhoneだと表示されていません。
ただし、クリック(タップ)はできる為、ボタンのタイトルが表示されていないようです。
iPhoneだとinputのstyleが適用されない
原因は、iPhoneだとinputのstyleが適用されないことです。
対策としては、該当のスタイルに以下を追加するだけです。
-webkit-appearance: none;
尚、この現象はEC-CUBEに限らず、WEBサイトすべてに起こります。
iPhoneだとinputの表示がおかしい(スタイルが適用されていない)場合は、上記1行を追加すれば解決します。
投稿者プロフィール
- HTMLコーディングをはじめフロントエンド開発がメイン業務。
EC-CUBE、WordPressを勉強中。
猫好き。
野良猫を見かけたら、ついつい声を掛けてしまいます。
(ペットロスが嫌なので飼わない主義)