0

I have an HTML email signature with Outlook.com where I can only use inline CSS. I'm styling the telephone number to lose the iOS blue underline link but want to retain the "tap to phone" functionality This line is the troublesome part;

<div>Tel: <font color="#000000" style="text-decoration:none !important;">01234 567 890</font></div>

iOS will respect the colour declaration but will completely ignore the text decoration declaration and continue to underline.

Any ideas why would be appreciated.

1

"Smart" formatting (for lack of a better phrase) is added after the page is rendered and is not affected by CSS. Short of disabling the functionality completely, as shown in the other answer, you cannot affect it.

The reason the color works is because the colored text is part of the page being rendered - you are declaring during rendering that it should be black. The underline is not added until after the page is rendered, so you cannot affect it.

  • 1
    OK, that's unfortunate, thanks anyway for the info. – user132038 Jun 16 '15 at 8:19
0

You have to add the following meta tag in the head of the mail :

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

But beware : While this solves the branding/style issue, it also removes functionality that users may be accustomed to (and may prevent subscribers from being able to call you!).

  • Hi, as mentioned above I want to retain the functionality, The HTML editor in Outlook.com is also a pain and would strip the metadata out on save anyway. – user132038 Jun 15 '15 at 15:18
  • Does something like a[href^="x-apple-data-detectors:"] { color: inherit; text-decoration: inherit; } work ? – Matthieu Riegler Jun 15 '15 at 15:43
  • Tried that and unfortunately not, anything the editor doesn't understand it strips out, as with most email HTML they have to be written as per 1990's websites. How I've phrased the code is the only way I've found which Outlook will tolerate. The solution is to establish why IOS will respect the first style but not the second. – user132038 Jun 15 '15 at 16:11

You must log in to answer this question.