title: React-Select Remove focus border
body: <p>i cant figure out how do i remove border or outline ( not sure which one it is ) from react select, when its focused.</p>
  
  <p>Uploaded image for reference. I have no border by default.<a href="https://i.stack.imgur.com/IubaN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/IubaN.png" alt="enter image description here"></a></p>
  
  <pre><code>customStyle = {      
          control: provided =&gt; ({
              ...provided,           
              height: 10,
              width: 300,
              padding: 10,
              margin: 0,
              marginLeft: 0,
              border: "0px solid black",
              fontSize: 13,
              backgroundColor: 'white',
              outline: 'none'            
          })
      }  
  </code></pre>
  
  <p>Thanks</p>