如何在p标记中为asterix第一个字符着色

Question

我认为使用::first-letter伪元素会很容易，但它不起作用！

我有

<p>* Required Fields</p>

我希望*为红色！

有什么想法吗？注意我无法更改html。

http://jsfiddle.net/3ducS/

Answer 1

我几乎有一个解决方案（好吧，您可能会将其视为解决方案）并且它适用于您的HTML：

p::before {
    content:'*';
    position:absolute;
    color: red;
    text-shadow: 0 0 1px red;
}

Demonstration

我启动了一个虚拟机来测试IE，它看起来不错：