CSS第一个字母选择突出显示

是否有任何方法突出显示应用了::first-letter伪元素的元素的第一个字符？CSS第一个字母选择突出显示

我正试图给用户关于文本选择的反馈。选择的文本正在用于Twitter插件并且工作正常（即，第一个字母字符包括）;但是，它看起来好像文本实际上可以突出显示。

下面是一个CodePen example一个链接，这里是一个屏幕截图，以帮助证明什么，我说什么：

enter image description here

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

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

@doublewire它在你的链接工作。 – Rex

它绝对适合我在Firefox上使用。 – BoltClock

这似乎是WebKit的一个问题，因为Chrome和Safari都会按照文章描述的方式失败。 –

这是一个已知的bug和这个问题CSS First Letter Highlighting

从那里采取的副本：这是在Chrome/IUM/WebKit的错误：https://code.google.com/p/chromium/issues/detail?id=17528

2013-10-29 04:52:14

您发表评论的原始行为是正确的 - 我不确定为什么您认为删除评论并发布答案反而是一个好主意。通过从副本复制答案来回答重复问题只会加重重复。 – BoltClock

这是一个公平的论点，我同意，虽然我害怕它在“更多评论”切换丢失。我会理解它是否被移动/编辑为评论。 –

-1

你可以做这样的事情：

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

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

我有权Styling CSS First-Letter的文章在几年前写了这一点。那里有更多的特例。

2013-10-29 04:31:55

如何解决问题中提出的问题？你看过链接的测试用例吗？ – BoltClock

谢谢，但浮动伪元素似乎没有帮助文本选择问题。 – doubleswirve

回答