AngularJS and text-angular: Change CSS style for input placeholder
<p>On wiki page of text-angular github project, it says:</p>

<p><a href="https://github.com/fraywing/textAngular/wiki/Styling-the-Editor" rel="nofollow">https://github.com/fraywing/textAngular/wiki/Styling-the-Editor</a></p>

<p>I tried with this code:</p>

<pre><code> &lt;div text-angular="text-angular" ta-toolbar="[]" ng-model="message"
         placeholder="&lt;div class='placeholder'&gt;Write Coment...&lt;/div&gt;"&gt;&lt;/div&gt;
</code></pre>

<p>But the screen will show as:
<a href="http://i.stack.imgur.com/z0QXq.png" rel="nofollow">placeholder show as raw html </a></p>

<p>I tried the following after taking a look at this website: <a href="https://css-tricks.com/almanac/selectors/p/placeholder/" rel="nofollow">https://css-tricks.com/almanac/selectors/p/placeholder/</a></p>

<pre><code>    ::-webkit-input-placeholder { color: red; }
</code></pre>

<p>It still didn't work. How can I give custom styles to my input placeholder? </p>