如何阻止 iPhone 將電話號碼自動格式化為藍色超連結？

修改 iPhone/iOS 上的電話號碼樣式

iPhone/iOS 裝置自動將電話號碼呈現為藍色超連結。雖然此功能可以為用戶帶來方便，但它可能不符合您網站的設計美感。以下解決方案可解決此問題：

1.使用元標記刪除自動格式：

要完全刪除電話號碼中的藍色超鏈接，請將以下元標記加入

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

此元標記禁用電話號碼的所有自動格式，包括藍色超連結樣式。

2.電話號碼的 CSS 樣式：

如果設定元標記不可行，可以使用 CSS 修改電話號碼的樣式。有兩個選項可用：

選項1（網頁首選）：

使用CSS 屬性選擇器，其href 值以「tel」開頭的目標連結：

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

選項2（適用於HTML 電子郵件範本）：

將電話號碼包含在連結/錨標記中，並使用下列CSS 定位其樣式，將屬性調整為需要：

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

附加說明：

• 如果您想要將電話號碼保留為可點擊鏈接，請使用href= "tel: 屬性。
• x-apple-data- detectors 屬性特定於iOS，可用於定位已自動偵測為可偵測內容（包括電話號碼）的元素。

以上是如何阻止 iPhone 將電話號碼自動格式化為藍色超連結？的詳細內容。更多資訊請關注PHP中文網其他相關文章！