iOS デバイス上の青い電話番号リンクを削除する方法?

iOS デバイス上の青色の電話番号リンクの削除

iPhone で Web ページを表示すると、電話番号が自動的に青色でハイパーリンクされます。これは状況によっては望ましくない場合があります。このスタイルを削除するには、次の 2 つの方法があります。

1.フォーマット検出メタ タグ:

次のメタ タグを HTML ドキュメントの先頭に追加します:

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

このタグは、電話番号のすべての自動フォーマットを無効にします。ただし、訪問者にクリックしてもらいたい電話番号がある場合は、手動でリンクとしてフォーマットする必要があることに注意することが重要です。

2. CSS スタイル:

メタ タグを設定できない場合は、CSS を使用して電話番号をターゲットにすることができます。ここに 2 つの CSS オプションがあります:

オプション 1 (Web ページ):

次の CSS を使用して、「tel」で始まる href 値を持つリンクをターゲットにします:

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

オプション 2 (HTML 電子メール テンプレート):

電話番号をリンク/アンカー タグで囲み、そのスタイルを CSS でターゲットにします:

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
}

Byこれらの方法を使用すると、iPhone/iOS デバイスの電話番号からデフォルトの青色のスタイルを削除できます。

以上がiOS デバイス上の青い電話番号リンクを削除する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。