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 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>

回答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>

回答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:

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

来源：https://stackoverflow.com/questions/31934741/css-important-declaration-not-working-in-outlook-2007

标签

html

css

outlook

outlook-2007