title: Option of different size in a select
body: <p>I am trying to do a dropdown with different size because my options are in different groups.</p>
  
  <p>I can change the color of the text, the color of the background, but not the height of the option neither the font-size (I mean, I can change it but not have 2 separate ones)</p>
  
  <p>the code</p>
  
  <pre><code>&lt;select&gt;
      &lt;option class="title" disabled&gt;Title 1&lt;/option&gt;
      &lt;option&gt;Select 1&lt;/option&gt;
      &lt;option&gt;Select 2&lt;/option&gt;
      &lt;option class="title" disabled&gt;Title 2&lt;/option&gt;
      &lt;option&gt;Select 3&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>the CSS</p>
  
  <pre><code>select .title
  {
      color:#E0E0E0;
      font-size:12px;
      font-weight:bold;
      height:15px;
      background-color:#0000FF;
  }
  
  select option
  {
      color:#0000FF;
      font-size:24px;
      font-weight:normal;
      height:30px;
      background-color:#0000FF;
  }
  </code></pre>