首頁 > web前端 > css教學 > 如何從 iOS 中的電話號碼中刪除藍色超連結樣式?

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

Mary-Kate Olsen
發布: 2024-11-16 05:23:03
原創
1018 人瀏覽過

How to Remove the Blue Hyperlink Styling from Phone Numbers in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板