Skip to content Skip to sidebar Skip to footer

CSS !important Declaration Not Working In Outlook 2007

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 i

Solution 1:

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>

Solution 2:

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.


Post a Comment for "CSS !important Declaration Not Working In Outlook 2007"