title: problem with <select> and :after with CSS in WebKit
body: <p>I would like to add some style on a select box with the pseudo :after (to style my select box with 2 parts and without images). Here's the HTML:</p>
  
  <pre><code>&lt;select name=""&gt;
    &lt;option value=""&gt;Test&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And it doesn't work. I don't know why and I didn't find the answer in the W3C specs. Here's the CSS:</p>
  
  <pre><code>select {
    -webkit-appearance: none;
    background: black;
    border: none;
    border-radius: 0;
    color: white;
  }
  
  select:after {
    content: " ";
    display: inline-block;
    width: 24px; height: 24px;
    background: blue;
  }
  </code></pre>
  
  <p>So is it normal or is there a trick?</p>