防止手機顏色變化

Question

我有一個包含電話號碼的簡單段落的HTML，但在我的iOS測試中，電話號碼更改其顏色並轉換爲手機。 轉換爲手機並不打擾我，但字體顏色變化是。 如何避免這種情況？

這是我的代碼示例：

<p class="phone-pink">call 1-888-4HELP <br class="show-for-small-only">(1-888-443-57)</p> 

Answer 1

//編輯

在這種情況下...

a { 
    color: #yourColor; 
    text-decoration: none; 
} 

Answer 2

從Atwulf上https://css-tricks.com/forums/topic/font-color-not-changing-on-iphone-for-numbers/

「的iOS品牌電話號碼默認是可點擊的（原因很明顯）。當然，這增加了一個額外的標籤如果您的電話號碼尚未成爲鏈接，這將覆蓋您的樣式。

要修復它，嘗試添加到您的樣式表：a [href^= tel] {color：inherit;文字修飾：無; }

這應該讓你的電話號碼，風格如您所願，無需添加額外的標記。」

以供將來參考，請嘗試先在網上google搜索你的問題，看是否已經有一個答案。如果沒有的話，那麼。問一個問題在這裏

Answer 3

添加到您的HTML頭：

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

正如上面你提到的可以可以風格的鏈接標籤，但如果你只是想影響這一行做到這一點：

.phone-pink a[href^=tel] { 
    color : inherit; 
    text-decoration: none; 
} 

，然後你可以改變一個ID：

<p id="phone-pink">call 1-888-4HELP <br class="show-for-small-only">(1-888-443-57)</p> 

和CSS：

#phone-pink a[href^=tel] { 
    color : inherit; 
    text-decoration: none; 
} 

查閱這些答案的詳細信息：

How do I remove the blue styling of telephone numbers on iPhone/iOS?