没有电子邮件中看到的CSS样式

StackOverflow https://stackoverflow.com//questions/20007948

题

我无法通过mutt查看以下HTML页面时看到CSS样式（yahoo / gmail）只看到一个普通表。在浏览器中查看它时，我会得到所需的样式。为什么会这样 ？我错过了什么？

mutt -e "set content_type=text/html" me@mail.com -s "Test" < Test.html
.

test.html 

<!DOCTYPE html>
<html>
<head>
<style>
rd{ color: red; }
gn{ color: green; }
body { background-color:#E0E0E0; font-family: helvetica;font-size: 15px;}
</style>
</head>
<body>
<table border="1" align ="left">
<tr><th>No.</th><th>Item</th></tr>
<tr><td>1</td><td><gn>abc</gn></td></tr>
<tr><td>2</td><td><rd>ghi</rd></td></tr>
</table>
</body>
</html>
.

有帮助吗？

解决方案

html-mail非常仅限于偶数div和p标签并不总是按预期行动的那一点。试图创建自己的标签只是要求麻烦。

你的两个表格单元格应该看起来像这样：

<tr><td>1</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#007700;">abc</td></tr>
<tr><td>2</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#770000;">ghi</td></tr>
.

除了始终输入您的CSS之外，您需要使用6位十六进制颜色以进行最大的电子邮件客户端支持。您还必须在每个表单元格中重新声明您的字体样式。冗余，不幸的是，HTML电子邮件中需要的内容。

别忘了字体堆栈，因为您当前假设读者安装了Helvetica。

其他提示

在HTML电子邮件中包含CSS的方式是使用内联样式。

    <!DOCTYPE html>
    <html>
    <body style='background-color:#E0E0E0; font-family: helvetica;font-size: 15px;'>
        <table border="1" align="left" style="color:red;">
            <tr><th>No.</th><th>Item</th></tr>
            <tr><td>1</td><td><gn>abc</gn></td></tr>
        </table>
    </body>
    </html>
.

ref： http://www.htmlgoodies.com/beyond/css/Starts.php / 3679231

您可能需要看看本教程 html电子邮件入门 tutsplus 这是一个旧的教程，但真的很有帮助。

祝你好运。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top