0

在暗模式下接收苹果邮件（osx 和 ios - 都是最新的）上的电子邮件时，我在邮件营销通讯的 html 上遇到了一个奇怪的问题。我添加了媒体查询，从明到暗，一切都完美无缺，图像完美变化，但标签有一个令人讨厌的问题。我正在使用我的 cta 按钮，但我不能以任何方式添加背景颜色并更改 ist 的文本颜色，这仅在暗模式下。在灯光下，一切正常。为了更好地理解我的内联代码和我的 css 代码，我将按钮的图像以明暗形式发送。我尝试过在文本中使用跨度，没有边框，使用填充等，我能记住的一切。在任何浏览器上，深色和浅色都可以很好地工作。希望可以有人帮帮我。非常感谢

@media (prefers-color-scheme: dark) {

a.nos-button,
a.nos-button span{
       background-color: #fff !important;
        background: #fff !important;
        border-color: #fff !important;
        color: #000 !important;
   }
}


@media (prefers-color-scheme: light) {

a.nos-button,
a.nos-button span{
       background-color: #000 !important;
        background: #000 !important;
        border-color: #000 !important;
        color: #fff !important;
   }
}
<a href="#" class="nos-button" target="_blank" style="mso-style-priority:100 !important;text-decoration:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;color:#ffffff;font-size:16px;border-style:solid;border-color:#000000;border-width:10px 30px;display:inline-block;background:#000000;border-radius:0px;font-family:'AzoSansWeb', arial, 'helvetica neue', helvetica, sans-serif;font-weight:normal;font-style:normal;line-height:19px;width:auto;text-align:center"><span>COMPRE JÁ</span></a>

4

0 回答 0