Метка optgroup не выделяется жирным шрифтом в браузере Chrome

<select>
  <optgroup label = "Group 1">
    <option>Option 1.1</option>
  </optgroup> 
  <optgroup label = "Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label = "Group 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>

В Firefox и IE по умолчанию он выделен жирным шрифтом. У меня проблема с Chrome (версия 65.0.3325.181 (официальная сборка) (64-разрядная версия)).

Что я пробовал до сих пор

В файле CSS

optgroup {font-weight: жирный! важно; }

https://jsbin.com/xekamenixo/edit?html,css,output