記事検索

takeの電気式日記

https://jp.bloguru.com/take

HTML色指定 2025.06.06

6月
6日
スレッド
文字色指定が、Androidと... 文字色指定が、AndroidとPCは正しいが、iPhoneは黒１色になってしまう
ホームページをスマホ用に作っていた。
文字色を指定すると AndroidとPCは正しく色が付くのが、
iPhoneは黒く表示される。
 

調べてみると、
iOSはデフォルトスタイルを有効にしてしまうらしく、色が付かなくなるらしい。
その為にデフォルトスタイルを無効にする必要があるとの事。
（ついでに文字の大きさを等倍(100％)に指定。）
 

CSS の Body句に
 

 -webkit-appearance: none;　　　　　→　iOS デフォルトスタイル OFF
 -webkit-text-size-adjust: 100%;　　→　iOS 自動で文字の大きさを調整 100%
 

を追加したので、後で確認してみる。
シェア

ワオ！と言っているユーザー

  • ブログルメンバーの方は下記のページからログインをお願いいたします。
    ログイン
  • まだブログルのメンバーでない方は下記のページから登録をお願いいたします。
    新規ユーザー登録へ
ハッピー
悲しい
びっくり