Question

我想创建一个锚色为红色的电子邮件模板，它应该是！important 声明，以避免继承其他样式值。

不幸的是，它在Outlook 2007/2010中无法正常呈现...任何人都有类似的经历？与Outlook中的！important标记支持相关的问题。

我在这里列出了我的代码，请看看。

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

Answer 1

我尝试了这个，它在Outlook 2007中对我有用。即使我们给予重要，Outlook有时也未能在样式内执行css。所以尝试使用这种方式，它也可以在Outlook和gmail中使用。

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

Answer 2

我尝试过以下代码：

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

您可以在此处查看结果：

所以基本上，！important 似乎在Outlook 2010中不起作用。

CSS！重要声明在Outlook 2007中不起作用

2 个答案: