CSS First Letter Highlighting

Question

I understand that with CSS formatting the first letter of each paragraph is possible via:

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

However upon using this code it is impossible to highlight/select these "First Letters" from the web browser, is there a way to amend this?

Edit - It is possible to select the text, however it isn't shown visually, how can I change this?

Answer 1

This is a bug in Chrome/ium/WebKit: https://code.google.com/p/chromium/issues/detail?id=17528

Answer 2

Right, it is not visually selected but in the background it is. If I select and copy and then paste it, I get "Hello" so this just might be a problem with the different font-sizes. font-variant:small-caps works perfectly (but uses uppercase).

You might want to try Lettering.js or alternatives http://letteringjs.com/ https://github.com/davatron5000/Lettering.js