Mengubah suai Penggayaan Nombor Telefon pada iPhone/iOS
Peranti iPhone/iOS secara automatik menjadikan nombor telefon sebagai hiperpautan biru. Walaupun ciri ini boleh memudahkan pengguna, ia mungkin tidak sejajar dengan estetika reka bentuk tapak web anda. Penyelesaian berikut menangani isu ini:
1. Mengalih keluar Pemformatan Auto dengan Teg Meta:
Untuk mengalih keluar sepenuhnya hiperpautan biru daripada nombor telefon, tambahkan teg meta berikut pada
bahagian dokumen HTML anda:<meta name="format-detection" content="telephone=no">
Teg meta ini melumpuhkan semua pemformatan automatik untuk nombor telefon, termasuk penggayaan hiperpautan biru.
2. Penggayaan CSS untuk Nombor Telefon:
Jika menetapkan teg meta tidak boleh dilaksanakan, anda boleh menggunakan CSS untuk mengubah suai gaya nombor telefon. Dua pilihan tersedia:
Pilihan 1 (Diutamakan untuk Halaman Web):
Sasarkan pautan dengan nilai href bermula dengan "tel" menggunakan pemilih atribut CSS:
a[href^="tel"] { color: inherit; text-decoration: none; /* Additional styling properties here */ }
Pilihan 2 (Sesuai untuk E-mel HTML Templat):
Balut nombor telefon dalam teg pautan/sauh dan sasarkan gayanya menggunakan CSS berikut, laraskan sifat mengikut keperluan:
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
Nota Tambahan:
Atas ialah kandungan terperinci Bagaimana untuk Menghentikan iPhone daripada Auto-Format Nombor Telefon sebagai Hiperpautan Biru?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!