CSS首字母选择突出显示

Question

有没有办法突出显示应用了::first-letter伪元素的元素的第一个字符？

我正在尝试向用户提供有关文本选择的反馈。所选文本用于Twitter插件并且工作正常（即包含第一个字母的字符 ）;但是，它似乎不会真正突出显示文本。

以下是CodePen example的链接，以下是帮助演示我所说的内容的屏幕截图：

我试图突出显示较大的红色“S”，但无法突出显示。

非常感谢任何帮助，如果这是重复，我会提前道歉。谢谢！

Answer 1

这是一个已知的错误，也是此问题的重复CSS First Letter Highlighting

取自那里： 这是Chrome / ium / WebKit中的错误：https://code.google.com/p/chromium/issues/detail?id=17528

Answer 2

您可以这样做：

p:first-letter {
  float: left;
  font-size: 3em;
  color: #333;
}

<p>This is your paragraph.</p>

几年前，我在一篇题为Styling CSS First-Letter的文章中写到了这一点。那里有更多特例。