li：之前{content：“■”; }如何将这个特殊字符编码为电子邮件信纸中的一个恶棍？

自豪地着色我的liststyle项目符号没有任何图像url或span标签 ，通过：

ul{ list-style: none; padding:0; margin:0; } li{ padding-left: 1em; text-indent: -1em; } li:before { content: "■"; padding-right:7px; } 

尽pipe这些样式表可以完美的工作在圆angular边框和其他css3的东西上，尽pipe电子邮件的接收者（例如Eudora OSE 1）正确地呈现了所有的css样式，就像在浏览器中一样，还是有一个问题： •或者•变成&#adabacadabra;

终于在电子邮件中出现：

我怎么从这里开始？

Answer 1

从来没有面对过这个问题（对电子邮件没有太多的工作，我避免了它像鼠疫），但你可以尝试用unicode代码点（不同于CSS的符号）HTML： content: '\2022' 。 （你需要使用hex数字，而不是8226十进制数字）

那么，如果你使用的东西，拿起这些字符和HTML编码成实体（这将不适用于CSSstring），我想它会忽略这一点。

Answer 2

你可以试试这个：

 ul { list-style: none;} li { position: relative;} li:before { position: absolute; top: 8px; margin: 8px 0 0 -12px; vertical-align: middle; display: inline-block; width: 4px; height: 4px; background: #ccc; content: ""; } 

它为我工作，感谢这个职位 。

Answer 3

您正面临双重编码问题。

■和• 是绝对相等的。 两者都是指Unicode字符“BULLET”（U + 2022），并且可以并排存在于HTML源代码中。

但是，如果该源代码在某个时刻再次被HTML编码，则它将包含■和• 。 前者是不变的，后者会出现为“＆＃8226;” 屏幕上。

在这种情况下这是正确的行为。 您需要find多余的第二个HTML编码发生的地方，摆脱它。

Answer 4

Lea的转换器不再可用。 我只是使用这个转换器

脚步：

1. 在工具的绿色input字段中inputUnicode十进制版本，例如8226。
2. 按Dec code points
3. 请参阅Unicode U+hex notation （例如U + 2022）的结果
4. 在你的CSS中使用它。 例如content: '\2022'

PS。 我与网站没有任何关系。

Answer 5

你不应该在电子邮件中使用LI。 它们在电子邮件客户端中是不可预测的。 相反，您必须像这样编码每个项目符号点：

 <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tr> <td align="left" valign="top" width="10" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">&bull;</td> <td align="left" valign="top" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">This is the first bullet point</td> </tr> <tr> <td align="left" valign="top" width="10" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">&bull;</td> <td align="left" valign="top" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">This is the second bullet point</td> </tr> </table> 

这将确保您的子弹在每个电子邮件客户端工作。

Answer 6

这个网站可能会有所帮助，

 http://character-code.com 

在这里你可以复制它，并直接放在CSS的HTML