iPhoneだとボタンのタイトルが表示されない
EC-CUBE2系をお使いのECサイト事業者様より、iPhoneだとボタンのタイトルが表示されないとご相談がございました。
以下の画像のように、Androidだと「会員登録をせずに購入」ボタンが表示されいますが、iPhoneだと表示されていません。
ただし、クリック(タップ)はできる為、ボタンのタイトルが表示されていないようです。
iPhoneだとinputのstyleが適用されない
原因は、iPhoneだとinputのstyleが適用されないことです。
対策としては、該当のスタイルに以下を追加するだけです。
-webkit-appearance: none;
尚、この現象はEC-CUBEに限らず、WEBサイトすべてに起こります。
iPhoneだとinputの表示がおかしい(スタイルが適用されていない)場合は、上記1行を追加すれば解決します。
投稿者プロフィール
- HTMLコーディングを中心に、フロントエンド開発を担当。
UI/UXを意識した設計・実装を心がけ、使いやすくストレスのない画面づくりを得意としています。
EC-CUBEやWordPressの開発にも取り組み、ECサイト構築領域でのスキルを強化中です。
猫好き。
野良猫を見かけるとつい声をかけてしまいます(ペットロスが怖くて飼わない主義です)。









