Mobile Safari による電話番号の自動フォーマットを停止するにはどうすればよいですか?

Mobile Safari での電話番号のスタイル

Mobile Safari を使用して iPhone で電話番号を表示すると、デフォルトの青いハイパーリンクが表示されてイライラしますスタイリング。これにより、望ましくない書式の不一致が生じ、ユーザー エクスペリエンスが混乱する可能性があります。 Web サイトでこの問題に直面している場合は、青色のスタイルを削除するための複数の解決策が利用できます。

1.メタ タグを使用して自動フォーマットを無効にする:

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

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

このメタ タグは、電話番号を自動的にフォーマットしないように Mobile Safari に通知します。を使用すると、スタイルを手動で制御できます。

注:クリック可能である必要があるページがある場合は、「a」タグを使用してリンクとして手動でフォーマットする必要があります:

<a href="tel:+1-555-555-5555">1-555-555-5555</a>

2. CSS を使用してスタイルを削除:

オプション 1:

「tel」で始まる href 値を持つターゲット リンク:

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  /* Additional CSS styles here */
}

オプション 2:

の場合HTML メール テンプレートなど、メタ タグを使用できない状況では、電話番号をアンカー タグで囲み、CSS を使用してそのスタイルをターゲットにします。

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  /* Adjust other CSS properties as needed */
}

リンクでクラス名を使用することもできます。特定の要素をターゲットとします。

以上がMobile Safari による電話番号の自動フォーマットを停止するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。