title: CSS for select option doesn't work on chrome
body: <p>i'm trying to get color options in the select option. This code works fine in mozilla, however it doesn't seem to work on chrome:</p>
  
  <pre><code>&lt;style&gt;
  .color_box option:after {
  content: " ";
  height: 15px;
  width: 65px;
  display: inline-block;
  }
  option.black:after { background: #000000; }
  option.red:after { background: #CB0F0F; }
  option.purple:after { background: #8B11AA; }
  &lt;/style&gt;
  
  &lt;select class="color_box"&gt;
  &lt;option&gt;Select&lt;/option&gt;
  &lt;option class="black" value="#000000"&gt;&lt;/option&gt;
  &lt;option class="red" value="#CB0F0F"&gt;&lt;/option&gt;
  &lt;option class="purple" value="#8B11AA"&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>