Подсветка первой буквы CSS

Я понимаю, что при форматировании CSS первая буква каждого абзаца возможна через:

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

Однако при использовании этого кода невозможно выделить/выбрать эти «Первые буквы» в веб-браузере, есть ли способ изменить это?

Редактировать. Текст можно выделить, но визуально он не отображается. Как это изменить?


html css pseudo-element
person Kehza    schedule 16.05.2013    source источник
comment
Кто вам сказал, что их не выбирают? jsfiddle.net/kHe4P   -  person Mr. Alien    schedule 16.05.2013
comment
Не выбираются в браузерах Webkit   -  person Alex K.    schedule 16.05.2013
comment
@Mr.Alien в твоей скрипке, его нельзя выбрать   -  person ediblecode    schedule 16.05.2013
comment
Визуально он не выделен, но на самом деле так и есть. Если вы скопируете свой выбор ello, он даст вам Hello   -  person ediblecode    schedule 16.05.2013
comment
Есть ли способ визуально выделить это все еще? Я использую метод p::selection, чтобы изменить цвет выделения, но не повезло   -  person Kehza    schedule 16.05.2013
comment
@Kehza, я не уверен. Вы всегда можете обернуть первую букву в span, если это возможно, а затем выбрать p > span { font-size:20px; }, но это обходной путь.   -  person ediblecode    schedule 16.05.2013
comment
Это ошибка в WebKit. Его можно выбрать во всех других браузерах.   -  person David Storey    schedule 16.05.2013
comment
Да, я думал сделать это @danrhul, однако это означает больше кода и времени. Действительно? сейчас проверю dstorey спасибо   -  person Kehza    schedule 16.05.2013
comment
Кстати, язык называется просто CSS, а не CSS3.   -  person BoltClock    schedule 16.05.2013
comment
@BoltClock, хорошо :)   -  person Starx    schedule 16.05.2013

Ответы (2)


arrow_upward
6
arrow_downward

Это ошибка в Chrome/ium/WebKit: https://code.google.com/p/chromium/issues/detail?id=17528

person Duncan Lock    schedule 16.05.2013

arrow_upward
1
arrow_downward

Правильно, визуально он не выделен, но на фоне он есть. Если я выберу и скопирую, а затем вставлю его, я получу «Привет», так что это может быть проблема с разными размерами шрифта. font-variant:small-caps работает отлично (но использует верхний регистр).

Вы можете попробовать Lettering.js или альтернативы http://letringjs.com/ https://github.com/davatron5000/Lettering.js

person Daniel Ruf    schedule 16.05.2013