title: How to remove blue outline of select option in Twitter Bootstrap
body: <p>I am working on <a href="http://jsfiddle.net/Behseini/V69nK/1/" rel="nofollow noreferrer">this example</a> and am seeking how to get rid of that blue outline for drop-down select button and the Search inbox inside the drop down menu. See this image:</p>
  
  <p><img src="https://i.stack.imgur.com/nlcD5.png" alt="enter image description here"></p>
  
  <p>I already tried:</p>
  
  <pre><code>.btn-default {
      outline: none !important;
      box-shadow: none !important;
      background-color: transparent !important;
      background-image: none !important;
  }
  input, textarea, select, a { outline: none !important; }
  input:focus, textarea:focus, select:focus{ outline: none; } 
  </code></pre>
  
  <p>but they are not doing the trick.</p>