title: Changing the background color of a drop down list transparent in html
body: <p>I'm trying to change the background color of a drop down list in HTML to transparent.</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;select id="nname"&gt;
    &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
    &lt;option value="saab"&gt;Saab&lt;/option&gt;
    &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
    &lt;option value="audi"&gt;Audi&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>#nname {
      padding: 5px;
      color: #000;
      font-size: 12px;
      background: transparent;
      -webkit-appearance: none;
  
  }
  </code></pre>
  
  <p>however, the background stays white and the text stays black. Any ideas?</p>