title: Taming the automatic telephone number thing in the windows 10 edge browser
body: <p>Windows 10's edge browser seems to detect phone numbers even if there's no phone app installed on the system.</p>
  
  <p>It formats the phone number in blue with an underline even if it's just in the plain text somewhere (ugly on some backgrounds), moreover it detects e.g. VAT numbers as if they were phone numbers.</p>
  
  <p>So how do we control it as webmasters to:</p>
  
  <ul>
  <li><p>how it renders the detected stuff  (I suppose MSFT invented their very own CSS selector for this stuff?) </p></li>
  <li><p>how do we turn the detection off </p></li>
  </ul>
  
  <p>Preferably with something just targeting that browser and not risk messing up things for others or adding non-standard things to otherwise valid code.</p>
  
  <p>EDIT:</p>
  
  <ul>
  <li><p>The suggested way to turn detection off based on the way it is done in IE11 for windows phones does not work in all of my tests. The meta tag fails and the non-standard html attribute does seem to work.</p></li>
  <li><p>I've looked at the inspect thing in edge and it seems to me the computed CSS for those detected items is what one would expect to see there if it were not detected (i.e. the computed CSS is the normal color and no underline), suggesting little chance of controlling how it's rendered.</p></li>
  </ul>
  
  <p>EDIT:</p>
  
  <p>test case 1: meta tag (fails)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;!-- test --&gt;
      &lt;meta name="format-detection" content="telephone=no" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;p&gt;text VAT BE 0123.456.789 text &lt;/p&gt;
      &lt;p&gt;text +32 11 222 333 text&lt;/p&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Test case 2: non-standard html attribute (works)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;p x-ms-format-detection="none"&gt;text VAT BE 0123.456.789 text &lt;/p&gt;
      &lt;p&gt;text +32 11 222 333 text&lt;/p&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>