如何從 iOS 中的電話號碼中刪除藍色超連結樣式？

在iOS 中刪除藍色數位樣式：綜合指南

在行動瀏覽器領域，iPhone 的Mobile Safari 會自動將藍色超連結樣式套用於電話號碼。當文字中顯示數字時，這可能會讓人煩惱，使它們顯示為可點擊的連結。問題來了：如何刪除這種不想要的樣式？

1.使用格式偵測元標記停用自動格式化

要有效防止所有自動格式化，包括藍色超連結樣式，請在HTML 文件的head元素中實現以下元標記：

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

請記住，如果您的頁面上有可點擊的電話號碼，則需要使用以下方法手動設定它們的格式代碼：

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

2.使用CSS 控制樣式

如果設定元標記不可行，可以使用CSS 來覆寫預設樣式。

選項1：使用屬性選擇器

此CSS 屬性選擇器定位href 值以以下開頭的連結"tel":

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

選項2：定位Apple特定的資料屬性

當設定元標記不是一個選項時，例如在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;
}

如果您需要定位特定鏈接，請使用鏈接上的類屬性並相應地更新CSS 選擇器。

以上是如何從 iOS 中的電話號碼中刪除藍色超連結樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！