title: HTML5: Text area placeholder ::after content css not working in Mozilla and IE
body: <p>I have a problem with Text area placeholder. I need to display my place holder as 2 lines in my project. I am using placeholder::after css for display place holder as two lines. But Mozilla and IE not supporting placeholder::after css for text area. How can I solve this problem. I need separate style for each line placeholder. Some one are saying after and before will not work for text area. So please help me to resolve this.</p>
  
  <p>Google Chrome is working fine .</p>
  
  <p>See Fiddle HERE...<a href="https://jsfiddle.net/Rayudu/ueydf78u/2/" rel="nofollow">PLACEHOLDER FIDDLE</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>textarea::-webkit-input-placeholder{
    text-align:center;
    font-size:34px;
    line-height:35px;
   }
   textarea:-moz-placeholder{
    text-align:center;
    font-size:34px;
    line-height:35px;
   }
      textarea::-moz-placeholder{
    text-align:center;
    font-size:34px;
    line-height:35px;
   }
   textarea:-ms-input-placeholder{
    text-align:center;
    font-size:34px;
    line-height:35px;
   }
   textarea::-webkit-input-placeholder::after{
    display: block;
    text-align:center;
    content:"For example, when you last spoke to your customer";
    font-size:20px;
    line-height:20px;
   }
      textarea:-moz-placeholder:after{
    display: block;
    text-align:center;
    content:"For example, when you last spoke to your customer";
    font-size:20px;
    line-height:20px;
   }
   textarea::-moz-placeholder::after{
    display: block;
    text-align:center;
    content:"For example, when you last spoke to your customer";
    font-size:20px;
    line-height:20px;
   }
   textarea:-ms-input-placeholder::after{
    display: block;
    text-align:center;
    content:"For example, when you last spoke to your customer";
    font-size:30px;
    line-height:20px;
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;textarea  maxlength="25000" style="margin-bottom: 0px; height: 70px; width: 99%;" placeholder="Start Typing here..." &gt;&lt;/textarea&gt;</code></pre>
  </div>
  </div>
  </p>