BW
1
Outlook for IOS turning dates and numbers into blue links
Hi all!
I was just working to fix some recent bugs with Outlook for IOS and I noticed that the usual solution for overwriting blue dates/numbers is no longer working. This is what I have included that has worked in the past:
<style>
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;
}
</style>
I know this is not a preferred method. But after trying everything else:
(apple data detectors, span class, p class, etc.)
.blueLinks a {
color: #000000 !important;
text-decoration: none !important;
}
I found that adding a link and styling the link will override the blue date links.
<a target="_blank" class="bluelinks" style="font-size: 16px; color: rgb(0, 0, 0); text-decoration: none;" href="#">before midnight on July 4th</a>
Hi there! Has anyone found a solution to this? There are a couple of other discussions on this as well where various fixes have been tried and tested, and even working for a while, but not with recent updates to the app. See for example:
https://litmus.com/community/discussions/8106-outlook-ios-blue-text-autoformatting-for-dates-days-of-the-week-and-times
If anyone has found a fix lately, I'd love to hear about it, as I've tried pretty much everything for weeks now. Keen to keep the functionality of the links, just get rid of the blue styling.
Hi Elin, have you taken a look at our recent blog post yet? Hopefully it helps! https://www.litmus.com/blog/how-to-remove-blue-links-in-html-emails/
Yes, all recommendations herein are applied. Except zero-width joiners, which I don't want to use for various reasons. The workaround I had in place earlier no longer works following recent app releases.
Try this in the head style in addition to what you have already, targeting the id of the body AND a wrapping element in the body:
#id1 #id2 a[x-apple-data-detectors]{color: inherit !important;text-decoration: inherit !important;}In our template, I referenced both the body id and the wrapper id in the head style as above, and now it works just fine.
Huge tanks to @Mark Robbins who provided this solution on another post!
This doesn't work for me. My body tag has a class body, the automatically detected links are inside the td with an ID called main, so the following should work, but Litmus tests still show Outlook iOS in iOS14.2 with the links in blue.
.body #main a[x-apple-data-detectors]{color: inherit !important;text-decoration: inherit !important;}