macOS Catalina上的Outlook暗模式Office 365背景色

macOS Catalina上的Outlook暗模式Office 365背景色,outlook,darkmode,Outlook,Darkmode,我想知道是否有HTML电子邮件开发人员可以帮我解决这个问题。我正在使用Acid上的电子邮件来测试HTML电子邮件,我的按钮内部设置的背景色(当颜色为浅时)正在反转。这仅在“macOS Catalina黑暗模式下的Outlook Office 365”中发生。有人知道如何瞄准它吗?这是我的HTML/CSS: 负责人: 我也尝试过Outlook的osgb属性,但没有这样的运气。我知道有一篇关于这个()的相关文章,但是没有解决方案,所以我想我应该在这里再尝试一下 注意:将边框/背景色应用于表格数据标记

我想知道是否有HTML电子邮件开发人员可以帮我解决这个问题。我正在使用Acid上的电子邮件来测试HTML电子邮件,我的按钮内部设置的背景色(当颜色为浅时)正在反转。这仅在“macOS Catalina黑暗模式下的Outlook Office 365”中发生。有人知道如何瞄准它吗?这是我的HTML/CSS:

负责人:

我也尝试过Outlook的osgb属性,但没有这样的运气。我知道有一篇关于这个()的相关文章,但是没有解决方案,所以我想我应该在这里再尝试一下

注意:将边框/背景色应用于表格数据标记可以解决此问题,但整个按钮当然不会作为链接

谢谢

解决了这个问题:)


<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<td align="center">
  <a class="darkmode-light-button" href="https://example.com" target="_blank" style="font-size: 17px;font-weight: bold;text-decoration: none;color: #1e5d7b;background-color: #dde0e1;border-top: 12px solid #dde0e1;border-bottom: 12px solid #dde0e1;border-right: 20px solid #dde0e1;border-left: 20px solid #dde0e1;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;display: inline-block;">VIEW DEMO</a>
</td>
/* Custom Dark Mode Colors */
:root {
    color-scheme: light dark;
    supported-color-schemes: light dark;
}
@media (prefers-color-scheme: dark) {
    .darkmode-light-button {
       background-color: #dde0e1!important;
    }
}
<tr>
 <td align="center" style="border-radius:10px" bgcolor="#EFF8FE">
  <a href="https://example.com" target="_blank" style="font-size: 17px;font-weight: bold;text-decoration: none;color: #1e5d7b;background-color: #EFF8FE;border:1px solid #EFF8FE;border-radius:10px;padding:12px 20px;display: inline-block;">VIEW DEMO</a>
 </td>
</tr>