Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Mengalih keluar Pautan Nombor Telefon Biru pada Peranti iOS?

Bagaimana untuk Mengalih keluar Pautan Nombor Telefon Biru pada Peranti iOS?

Mary-Kate Olsen
Lepaskan: 2024-11-16 01:17:03
asal
404 orang telah melayarinya

How to Remove Blue Phone Number Links on iOS Devices?

Mengalih keluar Pautan Nombor Telefon Biru pada Peranti iOS

Apabila melihat halaman web pada iPhone, nombor telefon dihiperpautkan secara automatik dengan warna biru. Ini boleh menjadi tidak diingini dalam situasi tertentu. Berikut ialah dua kaedah untuk mengalih keluar penggayaan ini:

1. Tag Meta Pengesanan Format:

Tambah teg meta berikut pada kepala dokumen HTML anda:

<meta name="format-detection" content="telephone=no">
Salin selepas log masuk

Teg ini akan melumpuhkan semua pemformatan automatik untuk nombor telefon. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa jika anda mempunyai sebarang nombor telefon yang anda mahu pelawat boleh klik, anda harus memformatkannya secara manual sebagai pautan.

2. Penggayaan CSS:

Jika menetapkan teg meta bukan pilihan, anda boleh menggunakan CSS untuk menyasarkan nombor telefon. Berikut ialah dua pilihan CSS:

Pilihan 1 (Halaman Web):

Sasarkan pautan dengan nilai href bermula dengan "tel" menggunakan CSS berikut:

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

Pilihan 2 (Templat E-mel HTML):

Balut nombor telefon dalam teg pautan/anchor dan sasarkan gayanya dengan CSS:

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

Dengan menggunakan kaedah ini, anda boleh mengalih keluar penggayaan biru lalai daripada nombor telefon pada peranti iPhone/iOS.

Atas ialah kandungan terperinci Bagaimana untuk Mengalih keluar Pautan Nombor Telefon Biru pada Peranti iOS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan