title: react-select, cannot change color of text in placeholder within text box
body: <p>Trying to set the color of the default select value to black but it doesn't work, i even put !important so it overrides any bootstrap colors that being overwritten by it. Any help is appreciated thank you. </p>
  
  <pre><code>const colourStyles = {
        control: styles =&gt; ({ ...styles, overflow: 'hidden', color: 'black !important',backgroundColor: this.state.selectedOption.value || '#32CD32', fontSize: 23,  paddingLeft: 'center', height:46}),
        singleValue: styles =&gt; ({ ...styles, color: 'black' }),
      }
  &lt;Select
   onChange={this.handleChange}
   options={optionsStatus}
   styles={colourStyles}
   placeholder= 'Status'
  /&gt; 
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/mOW3D.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mOW3D.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/6BDjc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6BDjc.png" alt="enter image description here"></a></p>