SK
1
Blue Underlined Links for Addresses in Windows 10 Mail
Does anyone know how to stop this?
Even if i add a span class or span style to my addresses they turn blue on windows 10 mail and clicking them opens the windows 10 maps app
Couple of ways of fixing the dreaded blue links on Windows 10.
Use the
​HTML entity like Carrie has said, you can then use spaces to make the data more reader friendly and Outlook Mail shouldn't autolink the data.Phone Number example:
0115​ 1333 ​337This however can get messy for address data which is often multiple lines.
Generally the problem is down to Outlook Mail inserting this crap in the
<head>:Outlook Mail is greedy and steals the entire
a:linkselector for itself. It also leverages visited links via the very old schoolvlinkattribute on the body. As a good start you should reseta:linkin your boilerplate head styles, but you might as well use a method like the wrapping span trick with iOS devices:https://litmus.com/blog/update-banning-blue-links-on-ios-devices
You can then do something like this:
.appleLinksBlack a { color:#000000 !important; text-decoration:none !important; }<span class="appleLinksBlack">1337 Awesome House</span>For address data with multiple lines that use
<br />this doesn't appear to work. Likely Word probably does some crazy shiz like wrapping<span>in a<span>or some other inception related craziness. I would consider making the address data multiple line by breaking each line with<tr>and<td>in this instance.This at least changes the color but won't get rid of the dotted underline:
*Substitute the color you need. It ignored "inherit"
I don't have a windows phone to test, but you might have to make the address a link and then force the color to be black (or whatever color you want). I know in Gmail and iOS I have to do this with phone numbers in order to prevent them from showing up as blue links.
You can also try putting a zero width character in the code to prevent it from auto linking the address. I have to do this in Gmail and iOS for dates. The code for a zero width character is "& # 8203 ;" You need to remove the spaces.
have you tried
And then...
That's what I do for iOS, could be the same for Windows
I believe that this is probably a function of the OS. I know that in iOS, addresses are highlighted in any application, not just email, to allow you to navigate to that location with just one touch. I doubt it has anything to do with your code and probably can't overwritten. Thinking as a user, I wouldn't want it to be, as it is a useful feature of the device.