在 StringTemplate 电子邮件中使用 css

发布于 2024-08-14 17:10:41 字数 991 浏览 5 评论 0原文

我目前正在使用 StringTemplate 即时创建电子邮件,事实证明它在创建电子邮件时非常容易使用。但是,我正在尝试对我的电子邮件应用一些样式,但似乎无法以正常方式执行此操作。

如果我内联编写邮件,我可以对邮件的某些部分进行样式设置,例如。

<p style="color:red;">Hello again, $name$ !</p>

将以红色文本打印该消息。

但是,如果我在模板中表达如下所示的类:

<html>
<head>
   <title>Notification</title>       
</head>
<style>
    .myClass {
        text-decoration:underline;
           color:blue;
    }
   </style>
<body>      
    <p style="color:red;">Hello again, $name$ !</p>
    <p class="myClass">Here is your daily update</p>



   </body>
</html>

带有“myClass”类的段落不会以带有下划线的蓝色输出。我也尝试过导入样式表,但这不起作用。

非常感谢任何帮助,

-geroid。

更新:看起来这可能是 Gmail 问题。如果我在 iPhone 上查看邮件,它会按预期显示...看起来好像必须全部内联完成:(

可供将来参考:http://www.campaignmonitor.com/css/

I'm currently using StringTemplate to create my emails on the fly and its proven very easy to use in creation of the email. However, I'm trying to apply some styling to my emails and dont seem able to do this in the normal manner.

I can style parts of the mail if I write it inline, eg.

<p style="color:red;">Hello again, $name$ !</p>

will print the message in a red text.

But if I express a class like the following in my template:

<html>
<head>
   <title>Notification</title>       
</head>
<style>
    .myClass {
        text-decoration:underline;
           color:blue;
    }
   </style>
<body>      
    <p style="color:red;">Hello again, $name$ !</p>
    <p class="myClass">Here is your daily update</p>



   </body>
</html>

The paragraph with the "myClass" class isn't outputted in blue with an underline. I've tried importing stylesheets also but this didn't work.

Any help much appreciated,

-gearoid.

UPDATE: Looks at though it could be a gmail issue. If I view the mail on my iPhone it displays as expected...looks as though it'll have to all be done inline :(

Useful for future reference: http://www.campaignmonitor.com/css/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

恋竹姑娘 2024-08-21 17:10:41

请谨慎在电子邮件模板中使用样式表,因为许多电子邮件客户端会删除 中的所有内容,而仅显示 标记内的所有内容。

因此,建议您仅使用内联 CSS 来实现完全的跨平台合规性。

Please by wary of using stylesheets in your email templates as many email clients strip all content from the <HEAD> and simply display anything inside the <BODY> tags.

For this reason it is recommended that you use inline CSS only for complete cross-platform compliance.

喵星人汪星人 2024-08-21 17:10:41

尤其是 Firefox 对内容类型可能很挑剔。尝试

<style type="text/css">

Especially Firefox can be picky about content type. Try

<style type="text/css">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文