Domar la cosa del número de teléfono automático en el navegador Windows 10 Edge
El navegador de borde de Windows 10 parece detectar números de teléfono incluso si no hay una aplicación de teléfono instalada en el sistema.
Formatea el número de teléfono en azul con un subrayado, incluso si está en el texto plano en alguna parte (feo en algunos fondos), además detecta, p. Números de IVA como si fueran números de teléfono.
Entonces, ¿cómo lo controlamos como webmasters para:
cómo procesa las cosas detectadas (supongo que MSFT inventó su propio selector CSS para estas cosas)
¿Cómo apagamos la detección?
Preferiblemente con algo solo dirigido a ese navegador y no arriesgarse a estropear cosas para otros o agregar cosas no estándar a un código válido.
EDITAR:
La forma sugerida de desactivar la detección basada en la forma en que se hace en IE11 para teléfonos con Windows no funciona en todas mis pruebas. La metaetiqueta falla y el atributo html no estándar parece funcionar.
He examinado la cosa de inspección en el borde y me parece que el CSS calculado para esos elementos detectados es lo que uno esperaría ver allí si no se detectara (es decir, el CSS calculado es el color normal y no está subrayado), lo que sugiere pocas posibilidades de controlar cómo se procesa.
EDITAR:
caso de prueba 1: metaetiqueta (falla)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8" />
<!-- test -->
<meta name="format-detection" content="telephone=no" />
</head>
<body>
<p>text VAT BE 0123.456.789 text </p>
<p>text +32 11 222 333 text</p>
</body>
</html>Caso de prueba 2: atributo html no estándar (funciona)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
<p x-ms-format-detection="none">text VAT BE 0123.456.789 text </p>
<p>text +32 11 222 333 text</p>
</body>
</html>