title: react-select background color issues
body: <p>Having a problem with using className prop.
  What's happening for me is that only the parent div gets the class and the children divs don't. As a result, they end up having background color white instead of the override color.</p>
  
  <pre><code>&lt;Select
      className="games-dropdown-2"
      defaultValue={colourOptions[0]}
      name="color"
      options={colourOptions}
  /&gt;
  </code></pre>
  
  <p>Below is the css class    </p>
  
  <pre><code>.games-dropdown-2 {
    background-color: #023950;
    color: #FFFFFF;
    padding-left: 15px;
    width: 93%;
  }
  </code></pre>
  
  <p>Another problem is that the child div seems to be inheriting border css from the grandparent div which is weird. </p>
  
  <p>Attaching an image to give idea.
  <a href="https://i.stack.imgur.com/kGbq0.png" rel="noreferrer">react-select-classname-issue</a></p>