Duas opções…
1. Defina a format-detection
meta tag.
Para remover toda a formatação automática para números de telefone, adicione à head
do seu html
documento:
<meta name="format-detection" content="telephone=no">
Veja mais Chaves de meta tag específicas da Apple .
Nota: Se você tiver números de telefone na página com esses números, deverá formatá-los manualmente como links:
<a href="tel:+1-555-555-5555">1-555-555-5555</a>
2. Não é possível definir uma meta tag? Deseja usar css
?
Duas css
opções:
Opção 1 (melhor para páginas da web)
Segmente links com href
valores começando com tel
usando este seletor de atributo css:
a[href^="tel"] {
color: inherit; /* Inherit text color of parent element. */
text-decoration: none; /* Remove underline. */
/* Additional css `propery: value;` pairs here */
}
Opção 2 (melhor para modelos de email em html)
Como alternativa, você pode, quando não pode definir uma metatag, como no email html, agrupar números de telefone em tags de link / âncora ( <a href=""></a>
) e, em seguida, direcionar seus estilos usando css semelhantes ao seguinte e ajustar as propriedades específicas que você precisa redefinir :
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;
}
Se você deseja direcionar links específicos, use classes nos seus links e atualize o seletor css acima para a[x-apple-data-detectors].class-name
.