CSS第一封信突出显示

时间:2013-05-16 16:18:34

标签: html css pseudo-element

我理解使用CSS格式化每个段落的第一个字母可以通过:

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

然而,在使用此代码时,无法从Web浏览器突出显示/选择这些“First Letters”,有没有办法修改此问题?

编辑 - 可以选择文本,但是没有直观显示,我该如何更改呢?

2 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:1)

是的,它不是视觉上选择的,而是在背景中。如果我选择并复制然后粘贴它,我会得到“Hello”,所以这可能是不同字体大小的问题。 font-variant:small-caps完美运行(但使用大写)。

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