電話號碼的顏色正在改變iPhone 6

Question

我創建了一個登錄頁面，並插入一個電話號碼出現。在我檢查過的每部手機上，它看起來都很好，但使用iPhone 6的其中一個用戶抱怨電話號碼顏色會變成灰色，然後在點擊它之後變成藍色。

我嘗試插入下面的代碼：

} 
    .phone a, .phone a:link, .phone a:visited, .phone a:hover, .phone a:active, .phone a:focus { 
    /* link styles go here, e.g.: */ 
    text-decoration: none; 
    color: #ff6600; 
} 

的HTML是：

<p class="phone">052-9777477</p> 

沒有工作，雖然。 我做錯了什麼？

謝謝你這麼多，想幫助！

Answer 1

嘗試：

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

Answer 2

下面是造型的電話號碼一個很好的模式，它是一個真正的電話鏈接的智能手機視窗和常規文本爲桌面視窗： https://codepen.io/panchroma/pen/YVadmO

HTML

<a class="tel" tabIndex="-1" href="tel:1-052-977-7477">1-052-977-7477</a> 

CSS

.tel,.tel:visited { /*for small screens */ display:block; 
    color:#fff; 
    background-color:#000; 
    padding:1em; 
    text-decoration:none; 
} 

.tel:hover,.tel:focus { 
    color:#000; 
    background-color:#fff; 
} 
@media screen and (min-width: 28.5em) { /* for larger screens */ 
    .tel,.tel:visited { 
    background:none; 
    cursor:default; 
    } 
    .tel,.tel:focus { color:#000; } 
} 

Credit for this code