再谈“文本修饰”和“：after”伪元素

再谈“文本修饰”和“：after”伪元素

IE8的：before和：after伪元素的实现不正确。Firefox，Chrome和Safari均根据CSS 2.1规范来实现。

5.12.3：before和：after伪元素

伪元素’：before’和’：after’可用于 在 元素 content之前或之后 插入 生成 的内容
。它们在生成的文本部分中说明。

…

级联样式表2级修订1（CSS 2.1）规范

规范指出内容应该插入在 元素的内容 之前或之后， 而不是元素 （即 content：before content
content：after
）之前或之后。因此，在Firefox和Chrome中，您遇到的文本装饰不在插入的内容上，而是在包含插入内容的父锚元素上。

我认为您的选择将使用上一个问题中建议的背景图像/填充技术，或者可能将锚元素包裹在span元素中，然后将伪元素应用于span元素。