Telefonnummer Farbe ändert sich auf iPhone 6

Question

Ich habe eine Zielseite erstellt und dort eine Telefonnummer eingefügt. Es sieht gut aus auf jedem Handy, das ich überprüft habe, aber einer der Benutzer, die das iPhone 6 benutzt haben, beschwerte sich über die Farbe der Telefonnummer, die sich in Grau änderte, und dann blau, nachdem er darauf geklickt hatte.

Ich habe versucht, den folgenden Code einfügen:

} 
    .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; 
} 

Die HTML ist:

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

nicht obwohl nicht funktioniert. Was habe ich falsch gemacht?

Vielen Dank für Ihre Hilfe!

Answer 1

Versuchen:

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

Answer 2

Hier ist ein gutes Modell für Styling-Telefonnummern, es ist eine wahre Telefonverbindung für Smartphone-Ansichtsfenster und normalen Text für Desktop-Ansichtsfenster: 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