title: CSS first-letter selection highlighting
body: <p>Is there any way to highlight the first character of an element that has the <code>::first-letter</code> pseudo-element applied to it?</p>
  
  <p>I'm trying to give the user feedback in regards to a text selection. The text selected is being used for a Twitter plugin and works fine (i.e., the first-letter character <em>is</em> included); however, it doesn't appear as if the text can actually be highlighted.</p>
  
  <p>Here's a link to a <a href="http://codepen.io/doubleswirve/pen/LJEvm" rel="noreferrer">CodePen example</a> and here is a screenshot to help demonstrate what I'm talking about:</p>
  
  <p><img src="https://i.stack.imgur.com/y7ABG.png" alt="enter image description here"></p>
  
  <p>I attempted to highlight the larger, red "S" but was unable to.</p>
  
  <p>Any help is greatly appreciated and I apologize in advance if this is a duplicate. Thanks!</p>