電話番号の自動リンク機能
iPhoneのsafariは自動的に数字の羅列を電話番号と認識して、番号をタップすると電話をかけることができるようにする機能がついています。それ自体は便利な機能ですが、電話番号のスタイルが変わってしまうことがあります。今回はそれを防ぐ方法を共有しようと思います。
①電話をかけることができる機能自体をなくしたい場合
<meta name="format-detection" content="telephone=no">
<head>内に上記のコードを書けば、そのページ全体で電話番号の自動リンク機能をなくすことができます。
②スタイルだけ元に戻す
電話番号の自動リンク機能がついているコードを見てみると、
<p class="foo"><a href="tel:0123456789">0123456789</a></p>
のようになっています。
・スタイルを元に戻すには
.foo a{color:#fff;}
上記のようにスタイルを指定すると、スタイルを元に戻すことができます。
参考サイト：
http://www.tagindex.com/html5/page/meta_format_detection.html