HTML电子邮件样式在Outlook

Question

我有一个css属性内嵌到HTML电子邮件text-transform:lowercase到span元素。当我发送电子邮件时，它显示除了outlook之外的字体是小写的。似乎字体样式未在outlook中应用。插入适用于outlook的样式内联的正确方法是什么？

<a><span style="text-transform:lowercase;letter-spacing:4px;">shop now</span></a>

观

其他电子邮件客户端

Answer 1

通常是Outlook supports text-transform，只要您将其放在正确的标记中即可。那个空的<a>标签可能会抛弃前景。

尝试将代码更改为：

<a href="#"><span style="text-transform:lowercase;letter-spacing:4px;">shop now</span></a>

您还可以将内嵌样式放在<a>标记中，并将<span>全部丢失：

<a href="#" style="text-transform:lowercase;letter-spacing:4px;">shop now</a>

Answer 2

由于Outlook 2007 Outlook使用Word进行HTML格式化，这意味着Outlook不允许所有标准CSS。一个例子是文本转换。其他人发布了一个指向CampaignMonitor.com的链接，该链接指出Outlook支持文本转换，但事实并非如此。您可以在Microsoft网站上的“不支持的级联样式表属性与层叠样式表1级相比”部分中看到：https://msdn.microsoft.com/en-us/library/aa338201.aspx

Answer 3

您可以尝试将值更改为小写，然后将其放入电子邮件中，如下所示：

   var MyDiv1 = document.getElementById('text');
   var MyDiv2 = document.getElementById('second');

    var res = MyDiv1.innerHTML.toLowerCase();

   MyDiv2.innerHTML = 'changed ' + MyDiv1.innerHTML + ' to ' + res;
       MyDiv1.innerHTML = 'Now you can use the variable `res` as a variable in the email';

<span id="text">SHOP NOW</span>
<br />
<span id="second"></span>