td 上的 bgcolor 不会改变它的颜色答案

【问题标题】：bgcolor on td does not change its colortd 上的 bgcolor 不会改变它的颜色
【发布时间】：2016-05-21 07:45:12
【问题描述】：

我正在使用 zurb Foundation 电子邮件 html 框架在电子邮件客户端中显示电子邮件：

默认情况下，按钮类将 td 呈现为蓝色。

我将 bgcolor 设置为红色，请参见此处：

http://codepen.io/helloworld/pen/vGqPNR?editors=1100

但颜色没有变化！

是什么原因？

为了获得最大的兼容性，我确实不想使用 style="background:red"

<table class="button">
  <tr>
    <td>
      <table>
        <tr>
          <td bgcolor="red"><a href="#">Tiny Button</a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

【问题讨论】：

您在 Zurb CSS 中有一个 table.button table td 指令，该指令应用于您的按钮。将其更改为您想要的任何颜色，或从表中删除 button 类。
我知道我有这个选择器。但是这个选择器来自源代码。我只是想我怎么能“覆盖”只是颜色。看来我必须剥离不应该正常完成的原始源 css！

标签： html css html-email

【解决方案1】：

来自the CSS spec：

UA 可以选择尊重 HTML 源文档中的表示属性。如果是这样，这些属性将被转换为特定性等于 0 的相应 CSS 规则，并被视为插入到作者样式表的开头。因此，它们可能会被后续样式表规则覆盖。

由于 CSS 规则在表格单元格上设置背景颜色，因此 CSS 会覆盖 HTML 属性。

【讨论】：

这意味着html标签中的html属性总是被CSS样式表覆盖，对吗？
是的，没错（只要 CSS 与元素匹配）。
好的，谢谢，premailer.net nuget 将解决这个问题！通过将 css 样式表渲染为内联样式！
它不会，因为元素上的 style 属性将对其应用 CSS 并将覆盖 bgcolor 属性。
你的评论是指premailer nuget吗？