3

I want to create an email template with anchor color red, it should be with !important declaration to avoid inheriting other style values.

Unfortunately it is not render properly in Outlook 2007/2010... Any one have similar experience? Issue related to !important tag support in Outlook.

I have listed my code here, Please have look.

<body><table width="500" border="1" cellspacing="5" cellpadding="5">
  <tbody>
    <tr>
      <td>Lorem Ipsum is simply dummy text into <a href="#">electronic</a> typesetting, and more recently with <a href="#" style="color:#F30408 !important;">desktop</a> publishing software like Aldus PageMaker including versions of Lorem Ipsum.</td>
    </tr>
  </tbody>
</table>
</body>
WannaBeCoder
  • 1,280
  • 2
  • 17
  • 40
user3066595
  • 37
  • 1
  • 7

2 Answers2

3

I have tried the following code:

<p><a href='#' style='color: #F30408'>desktop</a></p>
<p><a href='#' style='color: #F30408 !important'>desktop</a></p>
<p><a href='#'><font color='#F30408'>desktop</a></p>

You can see the results here:

enter image description here

So basically, !important doesn't work in Outlook 2010 it seems.

Uwe Keim
  • 39,551
  • 56
  • 175
  • 291
odedta
  • 2,430
  • 4
  • 24
  • 51
3

I tried this and it worked for me in Outlook 2007. Outlook sometime failed to execute the css inside style even if we give !important. So try to use this way, it will work in Outlook and gmail also.

<table width="500" border="1" cellspacing="5" cellpadding="5">
  <tbody>
    <tr>
      <td>Lorem Ipsum is simply dummy text into <a href="#">electronic</a> typesetting, and more recently with <a href="#"><font color="#F30408">desktop</font></a> publishing software like Aldus PageMaker including versions of Lorem Ipsum.</td>
    </tr>
  </tbody>
</table>
mable george
  • 223
  • 2
  • 8