css - 如何为 p 标签中的星号第一个字符着色

标签 css css-selectors pseudo-element

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

我有

<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上测试,看起来不错:

enter image description here

关于css - 如何为 p 标签中的星号第一个字符着色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17835638/

相关文章:

python - 从 Selenium for Python 中具有相同类的多个元素获取不同的值?

html -::Before 元素未正确 float 在 float 元素上

html - 将 CSS 菜单从选项卡悬停转换为选项卡单击

css - 如何通过类(class)元素瞄准家长?

css - 选择元素时,插入符号 ^ 在 css 中的用途是什么?

html - 如何在 :after 元素后创建箭头形状

html - 我可以使用 :before or :after pseudo-element on an input field? 吗

javascript - 图像上的内容未垂直对齐

javascript - 我怎样才能在所有选定的 li-s 中都有白色 url?

html - 第一个元素的 CSS 选择器不是 sibling