内联border-radius属性不适用于生成的电子邮件内部

时间:2018-05-01 20:13:51

标签: html css outlook

我将HTML标记传递给SmtpClient对象并发送它:

 using (SmtpClient SMTP = new SmtpClient(Settings.SmtpServer))
                    {
                        using (MailMessage message = new MailMessage())
                        {                               
                            message.From = new MailAddress(Settings.EmailFromAddressUS);                              

                            message.To.Add(new MailAddress(orderInfo.ShippingInfo.Email, string.Format("{0} {1}", orderInfo.ShippingInfo.FirstName, orderInfo.ShippingInfo.LastName)));
                            message.Subject = subjectLine;
                            message.Body = emailBody;
                            message.IsBodyHtml = true;

                            SMTP.Send(message); 
                        }
                    }

在emailBody变量中我有这样的标记:

<a href="www.test.com" style="background-color: transparent;Margin:0;border:0 solid #46323c;border-radius:4px!important;border-collapse: separate;perspective: 1px; color:#46323c;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.3;margin:0;padding:8px 16px 8px 16px;text-align:left;">Sign Up</a>

在客户端(Outlook 2016)收到的html:

<a href="www.test.com" style="border-radius:4px!important;perspective: 1px;display:inline-block"><b><span style="color:#46323C;border:solid #46323C 1.0pt;mso-border-alt:
          solid #46323C .25pt;padding:6.0pt;text-underline:none">Sign Up </span></b></a>

未应用border-radius属性,按钮是平方的。如果我将电子邮件保存为html,我将有一个圆形按钮,因为它应该是。

2 个答案:

答案 0 :(得分:0)

如果是outlook,则可能无法通过,以下传递: -

边界左

右边框

边框顶

边界底部

左边框颜色

左边框宽度

左边框式

右边框颜色

右边框宽度

右边框式

边框顶色

边框顶宽度

边框顶式

下边框色

下边框宽度

下边框式

border-radius是前景的掌舵人,你能否确认你需要通过哪个客户? border-radius不适用于特定的outlook版本,特别是涉及石蕊试验时。

答案 1 :(得分:0)

border-radius不适用于Outlook桌面客户端。

使用Outlook

border被击中并错过。

您的按钮永远不会使用CSS看起来圆润。在电子邮件开发中,您可以尽力而为,并努力使您想要包含的功能优雅地降级。

有关无法使用Outlook或其他电子邮件客户端的更多信息,Campaign Monitor有一个很棒的参考。

祝你好运。