iOSで電話番号がリンクになった時の対処法


備忘録として残します。

iOSで確認したところ、aタグを使っていないのにも関わらず電話番号がリンクとして表示されていたので調べてみました。

なぜリンクになるのか

iOSは、ユーザが電話番号をタップやクリックすると電話を掛けられるように
自動的にaタグを挿入する仕様になっているそう。

対処法

以下のコードをheadタグ内に記述します。

<meta name="format-detection" content="telephone=no">

CSSでは効かないのか?

以下の方法で試しましたが、やり方が悪いのか私の場合は効きませんでした。

a {
  text-decoration: none;
  color: #色;
}

参考: