Perl Web開発者のHTML・CSS入門

iphone/safariで電話番号の文字が青くなってしまうのをCSSで解決

iphone/safariで電話番号の文字が勝手に青くなってしまうのを解決するには、電話番号をaタグで囲んで、スタイルシート(CSS)を設定します。

<style>
  .phone a {
    color:orange;
  }
</style>

<div class="phone">
  <a>03-1234-5678</a>
</div>

iphone/safariは、電話番号の場合に、自動的にaタグを挿入するので、あらかじめaタグを挿入することで、これを防ぎます。