Как окрасить первый символ asterix в тег p

Я думал, что это будет легко с использованием псевдо-элемента ::first-letter, но это не сработает!

У меня

<p>* Required Fields</p>

и я хочу, чтобы * был красным!

Любые идеи? Примечание. Я не могу изменить html.

http://jsfiddle.net/3ducS/

Ответы

Ответ 1

У меня почти есть решение (ну, вы можете увидеть его как решение), и оно работает с вашим HTML:

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

Демонстрация

Я запустил виртуальную машину для тестирования в IE, она выглядит хорошо:

enter image description here