title: Blue outlines on bootstrap select
body: <p>I have installed bootstrap-select and it all works fine, except that blue borders appear in  2 instances:</p>
  
  <p>1) in the dropdown menu</p>
  
  <p><img src="https://i.stack.imgur.com/OnbNe.png" alt="enter image description here"></p>
  
  <p>2) when a new value is picked</p>
  
  <p><img src="https://i.stack.imgur.com/HIDvz.png" alt="enter image description here"></p>
  
  <p>Can someone please help how it can be fixed? I adjusted a few things already.</p>
  
  <pre class="lang-css prettyprint-override"><code>.bootstrap-select .btn {
    height: 43px;
    color: rgba(0, 0, 0, 0.5);
    background-color: white;
    border-radius: 3px;
  }
  .bootstrap-select .btn:focus {
    outline: none !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
  </code></pre>