css – 如何在p标签中对asterix的第一个字符进行着色

前端之家收集整理的这篇文章主要介绍了css – 如何在p标签中对asterix的第一个字符进行着色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我以为这样很容易使用::第一个字母的伪元素,但它不起作用!

我有

<p>* required Fields</p>

我想要*变红!

有任何想法吗?注意我不能更改html.

http://jsfiddle.net/3ducS/

解决方法

我几乎有一个解决方案(嗯,你可能会看到它是一个解决方案),它适用于您的HTML:
p::before {
    content:'*';
    position:absolute;
    color: red;
    text-shadow: 0 0 1px red;
}

Demonstration

我推出了一个虚拟机来测试IE,看起来不错:

猜你在找的CSS相关文章