电子邮件模板HTML从ul中删除项目符号点 [英] Email template HTML remove bullet points from ul

问题描述

我目前正在尝试制作一些通过电子邮件客户端(在这种情况下为SendGrid)发送的电子邮件模板.在对如何创建这些模板进行了一些研究之后，我得出的结论是，使用常规的 HTML &由于邮件客户端预处理程序(主要是Gmail和Outlook)会删除几乎所有非内联样式，因此 CSS 并非可行之路.但是我仍然有一个问题.

I am currently trying to make some email templates to be send via an Email client (SendGrid in this case). After doing some research on how to create these templates I came to the conclusion that using regular HTML & CSS is not the way to go since Mail client preprocessors (Mainly Gmail & Outlook) strip almost all styles which have been applied that are not inline. However I still am having one Issue.

我似乎无法使用 List-style-type:摆脱要点:甚至没有内联在 UL 和每个 LI 标记.任何人都具有在电子邮件模板中如何从 UL 或 LI 删除项目符号的经验?

I can't seem to get rid of the bullet points using List-style-type: none even inline on the UL and on each LI tag. Anybody has experience on how to remove bullet points from UL or an LI when it comes to Email templates?

推荐答案

如果普通CSS无法正常工作，则可以尝试将空白的1x1透明图像设置为列表标记.

If the normal CSS isn't working, then you can try to set an blank 1x1 transparent image as the list markers.

ul.a {
    list-style-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=');
}

这篇关于电子邮件模板HTML从ul中删除项目符号点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！