Geek asks and answers

Override / remove underline line style in Outlook

I have created an HTML newsletter (for internal purposes) that I send via Outlook. My CSS styles look great in the MS version, but in the web version and Mac version of Outlook 2010 and webmail (Gmail, Hotmail) all links have a blue underline. How can i remove this?

I used text-decoration : none ! important;, but it doesn’t work, and it doesn’t appear when I used the checked item using google chrome tool it seems that all my code is reformatted and modified, some tags are added and some styles are separated

+5
source share
6 answers

, , , CSS.

, Outlook 2010, :

<style href>a {text-decoration: none} </style>

, , , Outlook.

: http://office.microsoft.com/en-nz/frontpage-help/how-to-remove-the-underline-from-a-hyperlink-HA001056294.aspx . .

+14

// . , .

, :

<a href="#" style="text-decoration: none !important;">your link</a>
0

       <style type="text/css">
        a {text-decoration: none !important; color: #000; cursor: text;}
       </style>
0

, :

<a style="text-decoration: none !important;" href="mailto:your@email.com">Your preferred link text</a>

Outlook 2011, Mail iOS, , .

0

-, , , Outlook . MailChimp ( ), , . .

, Outlook , .

, , Outlook ( MS Word ). Outlook <u>, (<a>).

Outlook , u {text-decoration:none} . <u style="text-decoration:none". , Outlook , , .

, HTML Outlook.

0

Outlook uses some weird semi-html markup for its emails.

However, CSS does have an attribute text-decorationthat you can set to noneto remove any underscores. This should override the default user stylesheet, which appears to emphasize underlining in some cases, especially when browsing through webmail.

-1
source

More articles:


All Articles