title: Set PlaceHolder color of a textarea dynamically in React
body: <p>I'm trying to set the color of a placeholder inside a text-area which is my react component dynamically but failing to do so. I'm using CSS for styles where I set my default colors but these colors are updated later by the props. I'm able to set stuff like background-color, color etc easily but unable to set nested properties or pseudo selectors like <code>::placeholder</code>. Any help is appreciated. </p>
  
  <p>I've tried setting it using plain JS and a couple of other inline styling practices but failing.</p>
  
  <pre><code>&lt;div className="container-textarea"&gt;
                &lt;TextAreaWrapper
                  placeholder="Write message"
                  style={color: props.color }
                  /&gt;        
          &lt;/div&gt;
  </code></pre>
  
  <p>//In style props, the color is set dynamically but I want to set the color of that placeholder dynamically as well.</p>
  
  <p>I've tried doing this</p>
  
  <pre><code>const styles = {
  color : props.color,
  '::placeholder' : {
  color : props.color
  }
  }
  </code></pre>