私はiPhoneを持っていませんが、クライアントから、(彼のために作成したWebサイトの)電話番号がiPhoneで青色に変わると言われています。これを改善するための最良の方法は何ですか?
注:これは私のウェブサイト上のリンクではありませんが、サファリブラウザは1つになっているようです
<span>(873)984-0923</span>
このメタタグを追加します。
<meta name="format-detection" content="telephone=no" />
ドキュメントから: https ://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/_index.html
iPhoneではすべての電話番号が青色に変わるため、簡単に電話をかけることができます。それは電話の組み込み機能です
私はこの質問が古いことを知っています、しかしそれは私がグーグルで得た最初の結果であり、受け入れられた答えは私にとって本当に十分ではありませんでした。
IOSは実際に番号をリンクに変換するので、私がやったことは電話番号をスパンでラップすることです。
<span class="iwrap">01234 567889</span>
次に、CSSスタイルを追加して、IOSで生成されたリンクタグをターゲットにします。
.iwrap a {
color: #ffffff;
text-decoration: none;
}
これがiOSのデフォルトの動作です。修正するには、数字の間にASCII文字を入れてみてください。
たとえば、番号111 111 1111
はに行きます111 111 1111
または番号111-111-111
はに行きます111–111–1111–
<head>
または、ドキュメントのセクションで
メタタグを使用します。
<meta name="format-detection" content="telephone=no" />
リンクのスタイルに影響されます。電話番号のクラスを作成して、「a」タグを希望どおりに表示するようにスタイルを設定するだけです。そうすれば、ユーザーはクリックして電話をかけることができます。