サポート » 使い方全般 » iphoneのみ設定が反映されない状態について

  • Woocommerceを使って、ネットショップを構築しています。

    一部テキストの色やボタンの色をカスタムCSSで変更したのですが、何故かiphoneから見た時だけ設定が反映されません。
    テキストの色は黒がデフォルトで、文字色を白にしているのですがiphoneで見ると黒のままです。

    本来はオレンジ色のボタンがあるのですがiphoneから見ると白っぽくなっています。

    iPhone5C i OS 9.2.1でこの現象が起きています。

    テーマはgraphene(PC)とgraphene NEO(モバイル)です。現在、問題が起きているのはモバイルで見た時です。

    ブラウザ変更やキャッシュを消したり、数日置いて再確認しても同じです。
    色はカラーコードで指定し、importantも入れています。

    PC・アンドロイド端末では問題なく反映されています。試しに別の色を入れても即時反映されます。
    確認ブラウザはgoogle chrome Firefoxです。
    FireMobileSimulator for Google Chromeなどの拡張機能を使ってみましたが、全部反映されています。

    実機のiphoneでのみNGです。iphone側でブラウザのキャッシュ削除、別ブラウザで確認してみましたが変わりませんでした。

    プラグインを見直していますがキャッシュ系は使っておらず関連しそうなものが見つかりませんでした。

    iphoneだけ、ということで原因がわからず非常に困っております。

    このような現象の場合、どうすれば良いのでしょうか?

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター Okamoto Hidetaka

    (@hideokamoto)

    他のiPhoneやiPhoneのChromeアプリなどでも再現しますでしょうか?
    OSの問題かsafariの問題かなどをまず切り分けてみるといいかと思います。

    以下のCSSを追加してみてください。

    /* iPhone(Mobile Safari)対策 */
    input[type="button"],input[type="submit"] {
    	-webkit-appearance: none;
    	border-radius: 0;
    }
    • この返信は2 年、 9 ヶ月前に  Toshiyuki Honda さんが編集しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「iphoneのみ設定が反映されない状態について」には新たに返信することはできません。