HTML font weight property on OPTION of HTML SELECT

Question

font-weight : bold not works on Option of HTML SELECT in Internet Explorer , is there any other way to specify bold type attribute on option of HTML SELECT.

.test {
    color:black !important;
    font-weight:bold !important;
}
.test1 {
    margin-left:10px !important;
}

 <select  ng-model="fields[filter.id]" style="width:200px;">
  <option value="">--- Select ---</option>
  <option class="test">zero</option>
  <option class="test1">one</option>
 </select>

These css styles are working in Firefox but having no effect in chrome and IE :(

Answer 1

Simply using

select{
    font-weight: bold;
}

<select>
  <option>aaa</option>
  <option>bbb</option>
</select>

should work. Fiddle: http://jsfiddle.net/NQxRA/1