title: Why the first letter of the `textarea` and `input` elements are not red?
body: <p>Google Chrome 58.0.3029.110 (x64), Firefox 53.0.2 (x64), Linux</p>
  
  <p>Why the first letter of the <code>textarea</code> element is not red?</p>
  
  <p>The <code>textarea::first-line</code> works fine (in my Google Chrome, but not in Firefox) but the <code>textarea::first-letter</code> doesn' work in my example. I have the similar behaviour for an <code>input</code> element too.</p>
  
  <p>I haven't problems with both cases if I use <code>p</code> instead of <code>textarea</code> or <code>input</code>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input::first-line,
  textarea::first-line {
    color: green;
  }
  
  input::first-letter,
  textarea::first-letter {
    color: red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;textarea cols='40' rows='4'&gt;Sfrrr sdfsdfsd dsf ddsfds fds fdsfds fsdfds fsdfdsf sd fdss d dsf ssdfddfsddsfdssdsf ss dfsds sdf sdf sdfs fsf sf sdfsdfsdfs df sdffsdf sf sdf sdf sf sf sdf sdf sdf sdf sf sdf sdf sf sdf sdf sdf sfsdfsdf sdf sdf sdfs sdf sdfds dsf sdf sdf sdfsdf sdf dsfs&lt;/textarea&gt;
  &lt;input value='Sfrrr sdfsdfsd dsf ddsfds fds fdsfds fsdfds' /&gt;</code></pre>
  </div>
  </div>
  </p>