最近在做移動端適配的時候發現一個很奇怪的問題。

在頁面底部有一個聯絡方式，然後寫上名字、電話號碼，然後進行樣式修飾，在PC端看毫無問題，並且在部分安卓手機上也沒有任何問題，但是放到蘋果手機上時發現電話號碼都變成藍色了，還是深藍色。

我馬上去找可能出現的原因，然後去看原始碼，發現提交上來的程式碼是:

<li>
    電話號碼：18000000000
</li>

好吧，我已經基本相信不是原始碼的問題了，因為“電話號碼”這四個字的顯示效果毫無問題，只是電話號碼本身變了，但是我還是找了那個提交程式碼的人，誰讓我碰巧看到了，啪啦啪啦說了一通，讓他改了:

<li>
    電話號碼：
    <label class="color_text">18000000000</label>
</li>
 

雖然基本確定不是樣式的問題，但是還是在label上加了class來進行修改實驗了一下，

<label class="color_text">18000000000</label>

.color_text {
    color: #fff!important;
}

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

如果你關閉自動識別後，又希望某些電話號碼能夠連結到iPhone的撥號功能，那麼可以通過這樣來宣告電話連結：

<a href="tel:13800138000">13800138000</a>