title: How to style react-select component
body: <p>I'm struggling to style <code>react-select</code> when attempting to bundle <code>css</code> in my <code>jsx</code>.</p>
  
  <p>I can style <code>react-select</code> if I include its <code>dist/react-select.css</code> file in  my <code>index.html</code>:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="./react-select.css"&gt;
  </code></pre>
  
  <p>However, I don't want the overhead of having to distribute that extra file.</p>
  
  <p>Here's a basic overview of my current attempt to bundle the <code>css</code> within my <code>jsx</code> (I've tried a few other approaches, too). In <code>theme.jsx</code>:</p>
  
  <pre><code>import rTSelect from '../stylesheets/react-select.css'
  export {rTSelect}
  </code></pre>
  
  <p>In <code>form.jsx</code>:</p>
  
  <pre><code>import classNames from 'classnames/bind'
  import Select from 'react-select'
  import {rTSelect} from './theme'
  
  class MySelect extends React.Component {
  
    constructor(props) {
      super(props)        
      this.className = {}
    }
  
    _handleChange (value) {
      this.props.parentFunc(value)
    }
  
    render () {
      let cx = classNames.bind(rTSelect)
      this.className = cx({Select: true})
      return (
        &lt;Tooltip title={this.props.tip} position="top"&gt;
          &lt;Select
            className={this.className}
            placeholder={this.props.placeHolder}
            searchable={this.props.searchable}
            disabled={this.props.disabled}
            clearable={this.props.clearable}
            options={this.props.selections}
            value={this.props.selection}
            onChange={this._handleChange.bind(this)}
          /&gt;
        &lt;/Tooltip&gt;
      )
    }
  }
  </code></pre>
  
  <p>This approach seems to work for other components (although, I'm not having to use <code>classnames/bind</code>). </p>
  
  <p>I will admit I don't use <code>react</code> too often - I learn enough to make it work, so I'm not that proficient and only have a vague idea of what's going on with <code>css</code>. Anyway, I've checked my <code>package.json</code>, and along the way, I seem to have found the need to install the following <code>css</code> related <code>dependencies</code>:</p>
  
  <pre><code>react-css-modules
  react-css-themr
  normalize.css
  postcss
  postcss-cssnext
  postcss-modules-values
  </code></pre>
  
  <p>And <code>devdependencies</code>:</p>
  
  <pre><code>css-loader
  postcss-import
  postcss-loader
  style-loader
  </code></pre>
  
  <p>Any help very much appreciated!</p>