我的PHP HTML电子邮件表单的某些CSS没有进入邮件表单

埃琳娜

我正在使用PHPMailer发送电子邮件,但是发送时CSS形式的某些方面不会进入Mail:

  1. 证明内容:中心;
  2. align-items:居中
  3. 和字体家族。
  4. 轮廓偏移:5px;

有谁能告诉我为什么这些CSS不能进入已发送的电子邮件表单,而其他所有CSS加载都没有问题?

如果我在控制台中输入这些值,它们将起作用,所以我不明白为什么在发送邮件时从DOM中删除这些CSS值。

这是我的代码:

<style>@import url("https://fonts.googleapis.com/css2?family=Thasadith:ital,wght@0,400;0,700;1,400;1,700&display=swap");</style>
        <div style="background-color: #ffffff; margin: auto; width: 65%; border: 1px solid #e1e1e1; outline: 1px solid #e1e1e1; outline-offset: 5px; margin-top: 25px; margin-bottom: 25px;padding: 5px;">
                <div style="display: flex; justify-content: center; align-items: center; background-color: #f35653; margin-bottom: 20px; padding: 30px 0px;">
                <div style="background-image: url(https://i.imgur.com/XPTHrId.png); background-position: center; background-size: cover; width: 50px; height: 50px;"></div>
                <div style="font-size: 40px; text-transform: uppercase; align-self: center; color: white; font-family: Thasadith, sans-serif; font-weight: 700; margin-left: 5px;">Enkou Academy</div></div>
                <div style="padding: 10px 40px 40px;font-size: 15px;">
                <p>We received a request to reset the password for your Enkou Academy account.<br><br>
                To reset the password, click on the link below:<br><br>
                <a href="' . $url . '" style="text-decoration: none; color: #f35652;">Click here!</a><br><br>
                If you didn&#39;t request a password reset, let us know.</p>
                </div>
        </div>'
内森

电子邮件程序仅支持CSS的有限子集。请查看https://www.caniemail.com/

Apple Mail和Gmail均支持Flex,但Outlooks,Yahoo,AOL https://www.caniemail.com/search/?s=flex不支持Flex 这就是为什么我们仍然使用表格编写电子邮件的原因!

font-family可以使用,但是如果您转到该网址(https://fonts.googleapis.com/css2?family=Thasadith:ital,wght@0,400;0,700;1,400;1,700&display=swap)并复制,则会获得更好的支持@font-face进入<style>即使那样,您的自定义字体也只会在Apple,Samsung和其他几个字体上显示:https : //www.caniemail.com/search/?s= font- face

例如这样写:

<style type="text/css">
@font-face {
  font-family: 'Thasadith';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Thasadith Italic'), local('Thasadith-Italic'), url(https://fonts.gstatic.com/s/thasadith/v3/mtG-4_1TIqPYrd_f5R1osnMX-CE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
mso-font-alt: Arial;
}
</style>

请注意,添加了Outlook字体后备(mso-font-alt)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从没有php的html表单发送电子邮件

来自分类Dev

为什么我的PHP联系人表单HTML发送的电子邮件没有格式化?

来自分类Dev

PHP电子邮件表单拍摄空白电子邮件

来自分类Dev

我收到一封没有表单信息的电子邮件,为什么?

来自分类Dev

从HTML表单进行PHP电子邮件验证和检索

来自分类Dev

尝试使用PHP从html表单发送电子邮件

来自分类Dev

使用PHP通过电子邮件发送HTML表单

来自分类Dev

使用php从html表单发送电子邮件

来自分类Dev

提交一个 php 表单后,我得到一个空窗口,没有电子邮件

来自分类Dev

无法从我的php表单接收电子邮件

来自分类Dev

无法从我的php表单接收电子邮件

来自分类Dev

没有刷新页面的PHP电子邮件表单

来自分类Dev

没有从 PHP 联系表单收到任何电子邮件

来自分类Dev

PHP表单-未收到电子邮件

来自分类Dev

PHP表单发送空白电子邮件

来自分类Dev

PHP,电子邮件提交表单

来自分类Dev

PHP验证表单,带有发送HTML模板问题的电子邮件

来自分类Dev

具有电子邮件表单的HTML和PHP静态网站并清除数据

来自分类Dev

HTML表单-PHP电子邮件,带有自定义消息和复选框

来自分类Dev

php html 表单有效的电子邮件检查和发布

来自分类Dev

PHP电子邮件表单通过单词之间没有空格且没有特殊字符的情况

来自分类Dev

PHP邮件未显示来自标题frfom HTML表单的发件人电子邮件

来自分类Dev

PHP-从具有邮件功能的表单发送电子邮件

来自分类Dev

无法获取任何php html电子邮件表单或wordpress电子邮件插件以与Domain Monster合作

来自分类Dev

为什么我的电子邮件表单发送电子邮件,有时却不发送电子邮件

来自分类Dev

为什么我不断从表单中收到电子邮件?

来自分类Dev

getRespondentEmail()返回我的电子邮件,而不是表单响应者

来自分类Dev

如何让我当前的 PHP 联系表单检查电子邮件地址输入是否有效?

来自分类Dev

PHP电子邮件表单未发送电子邮件

Related 相关文章

  1. 1

    从没有php的html表单发送电子邮件

  2. 2

    为什么我的PHP联系人表单HTML发送的电子邮件没有格式化?

  3. 3

    PHP电子邮件表单拍摄空白电子邮件

  4. 4

    我收到一封没有表单信息的电子邮件,为什么?

  5. 5

    从HTML表单进行PHP电子邮件验证和检索

  6. 6

    尝试使用PHP从html表单发送电子邮件

  7. 7

    使用PHP通过电子邮件发送HTML表单

  8. 8

    使用php从html表单发送电子邮件

  9. 9

    提交一个 php 表单后,我得到一个空窗口,没有电子邮件

  10. 10

    无法从我的php表单接收电子邮件

  11. 11

    无法从我的php表单接收电子邮件

  12. 12

    没有刷新页面的PHP电子邮件表单

  13. 13

    没有从 PHP 联系表单收到任何电子邮件

  14. 14

    PHP表单-未收到电子邮件

  15. 15

    PHP表单发送空白电子邮件

  16. 16

    PHP,电子邮件提交表单

  17. 17

    PHP验证表单,带有发送HTML模板问题的电子邮件

  18. 18

    具有电子邮件表单的HTML和PHP静态网站并清除数据

  19. 19

    HTML表单-PHP电子邮件,带有自定义消息和复选框

  20. 20

    php html 表单有效的电子邮件检查和发布

  21. 21

    PHP电子邮件表单通过单词之间没有空格且没有特殊字符的情况

  22. 22

    PHP邮件未显示来自标题frfom HTML表单的发件人电子邮件

  23. 23

    PHP-从具有邮件功能的表单发送电子邮件

  24. 24

    无法获取任何php html电子邮件表单或wordpress电子邮件插件以与Domain Monster合作

  25. 25

    为什么我的电子邮件表单发送电子邮件,有时却不发送电子邮件

  26. 26

    为什么我不断从表单中收到电子邮件?

  27. 27

    getRespondentEmail()返回我的电子邮件,而不是表单响应者

  28. 28

    如何让我当前的 PHP 联系表单检查电子邮件地址输入是否有效?

  29. 29

    PHP电子邮件表单未发送电子邮件

热门标签

归档