Bagaimana untuk mengalih keluar Penggayaan Hyperlink Biru daripada Nombor Telefon dalam iOS?

Mengalih keluar Penggayaan Nombor Biru dalam iOS: Panduan Komprehensif

Dalam bidang penyemak imbas mudah alih, Safari Mudah Alih iPhone menggunakan gaya hiperpautan biru secara automatik untuk nombor telefon. Ini boleh menjadi kegusaran apabila nombor dipaparkan dalam teks, menjadikannya kelihatan sebagai pautan yang boleh diklik. Timbul persoalan: bagaimana gaya yang tidak diingini ini boleh dibuang?

1. Melumpuhkan Pemformatan Auto dengan Tag Meta Pengesanan Format

Untuk menghalang semua pemformatan automatik dengan berkesan, termasuk penggayaan hiperpautan biru, laksanakan teg meta berikut dalam elemen kepala dokumen HTML anda:

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

Ingat bahawa jika anda mempunyai nombor telefon pada halaman anda yang sepatutnya boleh diklik, anda perlu memformatkannya secara manual menggunakan kod berikut:

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

2 . Mengawal Penggayaan dengan CSS

Dalam kes yang menetapkan teg meta tidak boleh dilaksanakan, CSS boleh digunakan untuk mengatasi penggayaan lalai.

Pilihan 1: Menggunakan Pemilih Atribut

Pemilih atribut CSS ini menyasarkan pautan dengan nilai href bermula dengan "tel":

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

Pilihan 2: Menyasarkan Atribut Data Khusus Apple

Apabila menetapkan teg meta bukan pilihan, seperti dalam templat e-mel HTML, balut nombor telefon dalam teg sauh dan sasarkan gayanya menggunakan CSS berikut:

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;
}

Jika anda perlu menyasarkan pautan tertentu, gunakan atribut kelas pada pautan anda dan kemas kini pemilih CSS dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Penggayaan Hyperlink Biru daripada Nombor Telefon dalam iOS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!