title: How do I style a <select> dropdown with only CSS?
body: <p>Is there a CSS-only way to style a <code>&lt;select&gt;</code> dropdown?</p>
  
  <p>I need to style a <code>&lt;select&gt;</code> form as much as humanly possible, without any JavaScript. What are the properties I can use to do so in CSS?</p>
  
  <p>This code needs to be compatible with all major browsers:</p>
  
  <ul>
  <li>Internet Explorer 6, 7, and 8</li>
  <li>Firefox</li>
  <li>Safari</li>
  </ul>
  
  <p>I know I can make it with JavaScript: <a href="http://www.queness.com/post/204/25-jQuery-plugins-that-enhance-and-beautify-html-form-elements" rel="noreferrer">Example</a>.</p>
  
  <p>And I'm not talking about simple styling. I want to know, what the best we can do with CSS only.</p>
  
  <p>I found <a href="https://stackoverflow.com/questions/1072239/is-it-possible-to-style-a-select-box">similar questions</a> on Stack&nbsp;Overflow.</p>
  
  <p>And <a href="http://doctype.com/style-select" rel="noreferrer">this one</a> on Doctype.com.</p>