title: CSS selector for expanded select (dropdown) element
body: <p>How can I style a drop down different when it is open or closed? Is there any pseudo selectors or tricks for that? 
  of course with out javascript.</p>
  
  <pre><code>&lt;select&gt;
    &lt;option&gt; op1 &lt;/option&gt;
    &lt;option&gt; op2 &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and :hover doesn't really suit my need because when the drop down is expanded, i can move the cursor away. it still is open but the :hover styling doesn't apply anymore.</p>