Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menghentikan iPhone daripada Auto-Format Nombor Telefon sebagai Hiperpautan Biru?

Bagaimana untuk Menghentikan iPhone daripada Auto-Format Nombor Telefon sebagai Hiperpautan Biru?

Linda Hamilton
Lepaskan: 2024-11-15 04:20:02
asal
465 orang telah melayarinya

How to Stop iPhone from Auto-Formatting Phone Numbers as Blue Hyperlinks?

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">
Salin selepas log masuk

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 */
}
Salin selepas log masuk

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;
}
Salin selepas log masuk

Nota Tambahan:

  • Jika anda mempunyai nombor telefon yang ingin anda simpan sebagai pautan boleh klik, format secara manual mereka sebagai pautan menggunakan atribut href="tel:.
  • Atribut x-apple-data-detector adalah khusus untuk iOS dan boleh digunakan untuk menyasarkan elemen yang telah dikesan secara automatik sebagai kandungan yang boleh dikesan (termasuk telefon nombor).

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!

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