CSS首字母高亮

Question

我知道通过CSS格式化可以实现每个段落的第一个字母，方法如下：

p:first-letter
{
font-size:20px;
}

然而，在使用此代码时，无法从Web浏览器中突出显示/选择这些“首字母”，是否有办法修复这个问题？编辑-可以选择文本，但是没有视觉显示，如何更改呢？

- Kehza

---

在Webkit浏览器中，它们不会被选中。 - Alex K.

它没有被视觉上突出显示，但实际上是。如果你复制你的 ello 选择，它会给你 Hello。 - ediblecode

有没有什么方法可以视觉上仍然突出显示呢？ 我正在使用p :: selection方法来更改选择颜色，但是没有成功。 - Kehza

@Kehza 我不确定。如果可能的话，您可以始终在span中包装第一个字母，然后定位到p > span { font-size:20px; }，但这只是一种解决方法。 - ediblecode

这是 WebKit 中的一个 bug。在所有其他浏览器中都可以选择它。 - David Storey

Answer 1

这是Chrome/ium/WebKit中的一个bug：https://code.google.com/p/chromium/issues/detail?id=17528。

- Duncan Lock

Answer 2

没错，它在视觉上没有被选中，但在后台中是被选中的。如果我选择并复制，然后粘贴它，我会得到“Hello”，所以这可能是不同字体大小的问题。font-variant:small-caps可以完美地工作（但使用大写字母）。

您可能想尝试Lettering.js或其他替代方案 http://letteringjs.com/ https://github.com/davatron5000/Lettering.js

- user753676