ホームページ > ウェブフロントエンド > CSSチュートリアル > iOS デバイス上の青い電話番号リンクを削除する方法?

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

Mary-Kate Olsen
リリース: 2024-11-16 01:17:03
オリジナル
419 人が閲覧しました

How to Remove Blue Phone Number Links on iOS Devices?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート