title: How to bold the first option of a select across all browsers?
body: <p>I have tried to bold the first option of the select box but it's only working in Firefox, not other browsers (Chrome, IE). Here is the code I've tried.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;select id="htmldisabled"&gt;
      &lt;option class="bold"&gt;test1&lt;/option&gt;
      &lt;option&gt;test2&lt;/option&gt;
      &lt;option&gt;test3&lt;/option&gt;
      &lt;option&gt;test4&lt;/option&gt;
      &lt;option&gt;test5&lt;/option&gt;
      &lt;option&gt;test6&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.bold {
       font-weight:bold;   
  }
  </code></pre>
  
  <p>See demo at <a href="http://jsfiddle.net/thilakar/eqcvz/2/" rel="nofollow">jsfiddle</a>.</p>