title: Prevent select dropdown from opening in FireFox and Opera
body: <p>In jQuery, you can stop a <code>&lt;select&gt;</code> from opening it's dropdown menu by using event.preventDefault in the mousedown handler. Allowing you to replace the dropdown with something else while still retaining the original style of the form element.</p>
  
  <p>This works fine in Chrome and MSIE, but in FireFox and Opera the dropdown appears regardless.
  (Not tested on Safari)</p>
  
  <p>Example: <a href="http://jsfiddle.net/9cmEh/" rel="nofollow">http://jsfiddle.net/9cmEh/</a></p>
  
  <p>The select element should look enabled and still respond to all user interaction as if enabled, but the dropdown should not be rendered. Instead the dropdown will be replaced by something custom rendered, such as including color swatches, icons or fonts, but the "custom dropdown" part is already done in my project.</p>
  
  <p>Does anybody know how to make this work in all* browsers.</p>
  
  <ul>
  <li>"All" meaning the recent versions of the five browsers mentioned.</li>
  </ul>