I have an application that is sending out e-mails. In the e-mail there are some links which are supposed to have a blue underline, but there is also a button with text in it which is also a link. This specific item should not become underlined in the e-mail. I have tried different options using CSS 'text-decoration: none'. I have applied this to the text, to the link above it in the widget tree, and even added general CSS for links on the whole e-mail.

The outcome is each time that the e-mail looks okay in the Outlook client, but not okay when the e-mail is opened in for instance Outlook webmail, or Hotmail in a browser. Also in Gmail (client) it does not come out right. Even with the general CSS for links (using a:link, a: visited, a: hover and setting all to text decoration:none) the blue underline remains on the link in certain clients and in the browser/webmail. In Outlook all blue underlines are not shown anymore, so the CSS seems to work properly for the Outlook client but not for other clients or webmail.

Is there a solution for this or is it just a fact that this CSS styling just doesn't work for all e-mail clients / browsers?

Many thanks in advance for your time and effort.