Bagaimana untuk Menghentikan Safari Mudah Alih daripada Auto-Format Nombor Telefon?

Menggayakan Nombor Telefon dalam Safari Mudah Alih

Apabila melihat nombor telefon pada iPhone menggunakan Mobile Safari, ia mengecewakan untuk menemui hiperpautan biru lalai penggayaan. Ini boleh mewujudkan ketidakkonsistenan pemformatan yang tidak diingini dan mengganggu pengalaman pengguna. Jika anda menghadapi isu ini di tapak web anda, berbilang penyelesaian tersedia untuk mengalih keluar penggayaan biru.

1. Lumpuhkan Pemformatan Auto Menggunakan Teg Meta:

Tambah tag meta ini pada kepala dokumen HTML anda:

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

Teg meta ini memberitahu Safari Mudah Alih supaya tidak memformat nombor telefon secara automatik , membolehkan anda mengawal penggayaan mereka secara manual.

Nota: Jika anda mempunyai nombor telefon pada halaman yang harus boleh diklik, anda perlu memformatkannya secara manual sebagai pautan menggunakan teg 'a':

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

2. Alih Keluar Penggayaan Menggunakan CSS:

Pilihan 1:

Sasarkan pautan dengan nilai href bermula dengan 'tel':

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

Pilihan 2:

Untuk situasi di mana anda tidak boleh menggunakan tag meta, seperti dalam templat e-mel HTML, balut nombor telefon dalam teg sauh dan sasarkan gayanya menggunakan CSS:

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

Anda juga boleh menggunakan nama kelas pada pautan anda untuk menyasarkan elemen tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Menghentikan Safari Mudah Alih daripada Auto-Format Nombor Telefon?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!