How do I stop Outlook from rendering an email address as a mailto: link?

前端 未结 12 1238
生来不讨喜
生来不讨喜 2021-01-01 13:33

I am creating an HTML email to be sent to a user. If there is a valid email address to within an HTML email, Outlook will render it (normally helpfully) as a mailto: link.

相关标签:
12条回答
  • 2021-01-01 13:54

    Navigate to Tools > Options > Mail Format > Editor Options
    Click on Proofing
    Click on Auto Correct Options
    Click on Auto Format tab and uncheck 'Internet and Networks path with hyperlinks'
    Clikc on Auto Format as You Type and uncheck 'Internet and Networks path with hyperlinks'
    Save and changes

    (This solution is for Outlook 2007)

    0 讨论(0)
  • 2021-01-01 13:54

    type the first few letters of the email address you want to get rid off like you are preparing to send an email to it. Outlook immediately proposes you a list of persons for which the address is similar. Click on the cross next to the adress that you want to delete, et voila. This is for Outlook 2010.

    0 讨论(0)
  • 2021-01-01 13:57

    I found your question through google, and hours later I found an answer that works for me for the same problem.

    Wrap the email address inside an href with "#" as the target, and set the color to black and text decoration to none. Additionally, put the email address in another font tag, inside the anchor, with font size and type as well.

    Like this:

    <font face="Arial, Helvetica, sans-serif" size="1" color="#CCCCCC">
    This e-mail was sent to 
    <a href="#" style="color:#CCCCCC; text-decoration:none;">
    <font face="Arial, Helvetica, sans-serif" size="1" color="#CCCCCC">
    [email]</font></a>.</font>
    

    The result is that the email address becomes a clickable link, but 1) it doesn't look like a clickable link and 2) the link doesn't go anywhere nor does it attempt to perform a mailto:

    It's not perfect, but it's good enough for me for now.

    0 讨论(0)
  • 2021-01-01 14:03

    After trying all the valid solutions here, I came up with one on my own. For various reasons, none of the others worked, because I am required to achieve this result on all email clients, not just Outlook.

    I added an invisible image spacer before and after the @ symbol as well as before the 'com'.

    writehere@example.com

    to

    writehere<img class="nullsp" alt="" border="0" height="0" src="/spacer.gif" style="display:none; visibility: hidden; font-size: 0px; line-height: 0px" width="0"/>@<img class="nullsp" alt="" border="0" height="0" src="/spacer.gif" style="display:none; visibility: hidden; font-size: 0px; line-height: 0px" width="0"/>example.<img class="nullsp" alt="" border="0" height="0" src="/spacer.gif" style="display:none; visibility: hidden; font-size: 0px; line-height: 0px" width="0"/>com

    Additionally I added a class (and this could be directed toward mobile):

    img[class="nullsp"] { height:0px !important; width:0px !important; display:none !important; visibility: hidden !important;}

    This fixed the issue in all email clients including gmail, yahoo and aol. The only issue is in outlook a tiny space is visible where the images would be, and if you copy and paste the address into a text editor, spaces appear.

    A test in EOA shows this to work on most client/browser combinations that I tested: Safari, IE9, Chrome, Firefox; Gmail, Yahoo, AOL, MSN; Outlook, Android4. According to EOA, it still linked in Apple Mail6 and iPad2 and Iphone5 and 6; however on my own iPhone5 it did not link. And EOA is not famous for its accuracy.

    I would appreciate anyone who could respond with a similar solution to the 4 devices I listed which failed.

    ~Libby

    0 讨论(0)
  • 2021-01-01 14:06

    Here is a solution which does not prevent emails from being turned into links, but it allows you to set the font color and remove the underline of that link.

    It works in all email clients I tested in on litmus.com - including Outlook 2010, 2013, 2016 (also on Windows), Outlook.com, iPhone 6s, iPad, gmail web interface and Apple Mail 8, 9

    Variation 1: A link which does not react when clicked upon

    <a href="#" style="text-decoration:none; color:#000">bjorn@rosell.dk</a>
    

    Variation 2: A mailto-link. Works in almost all clients. Outlook.com does however style it blue and with underline.

    <a href="mailto:bjorn@rosell.dk" style="text-decoration:none; color:#000">bjorn@rosell.dk</a>
    

    The @-hack offered by hallundbæk does not work on iPhone,iPad or gmail. And in gmail, the extra @ is displayed, which is not so cool.

    The solution proposed by elbelcho is very similar to variation 1, but has additional font-tags, which turns out not to be neccessary.

    0 讨论(0)
  • 2021-01-01 14:08

    As far as i know there is no way to do it, but you could try writing the email in a way that outlook does not recognize (i.e. try replacing the @ by it's &# unicode representation).

    I'm no outlook expert and i never had this particular problem so i would be interested in an easier way, too.

    0 讨论(0)
提交回复
热议问题