title: Blue border around Chosen select dropdown?
body: <p>I'm using <a href="http://harvesthq.github.io/chosen/" rel="nofollow">Chosen</a> to style a drop down, but I can't seem to figure out how to eliminate a blue border/shadow after making a selection. I've tried <code>*:focus { outline: 0 !important; }</code> and these:</p>
  
  <p><code>#modelDropDown_chosen {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }</code></p>
  
  <p><code>#modelDropDown {
      outline-width: 0;
      outline: 0;
  }</code></p>
  
  <p><code>.chosen-container-active {
      outline-width: 0;
      outline: 0 !important;
  }</code></p>
  
  <p>and lots of other similar approaches but I just don't think I'm targeting the right component. </p>
  
  <p><a href="http://imgur.com/5GwlDod" rel="nofollow">Here is a link</a> to an image of what I'm talking about. Any ideas/suggestions would be much appreciated!</p>
  
  <p>EDIT: This only happens AFTER a selection has been made and stops if you click outside the drop down</p>