title: how to change hover for all elements ( border, text and arrow ) in react-select?
body: <p>how to change hover for all elements in react-select?</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Select
      name="colors"
      options={colourOptions}
      className="basic-multi-select"
      classNamePrefix="select"
    /&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/hMCpf.png" alt="enter image description here"></p>
  
  <p>Source host: <a href="https://codesandbox.io/s/react-codesandboxer-example-8iq7b" rel="noreferrer">https://codesandbox.io/s/react-codesandboxer-example-8iq7b</a></p>