应用于HTML电子邮件时，:: before选择器是否不受支持？

Question

好吧，这可能是一个愚蠢的问题，但我目前没有在网上找到任何有用的材料，以找到我的相当简单但烦人的问题的答案。

尝试在html电子邮件中的列表项之前设置项目符号点时，我遇到了一个非常烦人的问题。

我想要做的就是将列表项转换为正方形，然后将项目符号点为特定颜色，但将列表文本内容保留为黑色。 它应该像下面的CSS一样简单，但它不起作用。

ul{list-style-type:square;} ul li{color:#000;} ul li::before{color:#fac600}

我也试过以下但是相信::之前可能不受支持

  ul{list-style:none;}
  ul li::before {
  content: "\2022";
  color: #fac600;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  }

此时我感到很沮丧，我也尝试使用图像替换子弹点，但这也不起作用，因为我知道这是不受支持的。

我可以轻松地将子弹更改为方形并更改项目符号的颜色+列表文本但不能单独更改。

有人有这个问题或知道解决方法吗？

有兴趣听听你们的想法，并想知道你是否遇到过同样的问题。 提前致谢。

Answer 1

默认情况下，无论您是否正在开发电子邮件，都无法更改li符号的颜色。 但是，您可以使用以下css基本上隐藏原始项目符号，然后创建一个新项目符号。

 ul{ list-style:none; } ul li::before { content: "\\2022"; color: #fac600; display: inline-block; width: 1em; margin-left: -1em; }

 <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul>

Answer 2

:before未在电子邮件中普遍支持。 它适用于IOS，Apple，但不适用于Gmail或Outlook。