title: How do I remove the select option black border in Chrome?
body: <p>As shown in the picture below,</p>
  
  <p>black border is shown when the select option is hover from the chrome.</p>
  
  <p>how can I remove the border?</p>
  
  <p><a href="https://i.stack.imgur.com/feArW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/feArW.png" alt="enter image description here"></a></p>
  
  <p>The code below didn't work.</p>
  
  <pre><code>select{
  
    &amp;:hover,
    &amp;:focus 
    {
      outline: 0 !important;
    }
  }
  </code></pre>
  
  <p>I'd appreciate it if you could help me solve the problem.</p>