title: Removing Background Style on Dropdown Menu in Chrome and Safari?
body: <p>Is it possible to make the background and border of a dropdown menu in a form transparent in Chrome and Safari? We have it looking perfect in Firefox and IE, but Chrome and Safari seem to be keen on wanting to use their own default style. :(</p>
  
  <p>This is the code we're using, the background url for the first div is to apply our own custom dropdown arrow:</p>
  
  <pre><code>&lt;div style="margin-top:-15px;background: url(images/select-arrow.gif) no-repeat right; overflow: hidden; font-family:SwankyandMooMoo; color:#565da4; width:352px;"&gt;      
  &lt;select name="for" id="for" style="background: none; border:none; width:376px;font-family:SwankyandMooMoo; color:#565da4; font-size:26px;"&gt;
  &lt;option value="ads" style=" background: none; border:none; width:376px;font-family:SwankyandMooMoo; color:#565da4; font-size:26px;"&gt;Ads&lt;/option&gt;
  &lt;option value="other" style=" background: none; border:none; width:376px;font-family:SwankyandMooMoo; color:#565da4; font-size:26px;"&gt;Other&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>