如何设置optgroup标签和选项的样式？

Question

我试图设置optgroup标签和选项的样式。这是我的HTML：

<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>

演示：https://jsfiddle.net/fpfLbcmb/

具体来说，我想使标签不加粗，选项不缩进。但是，我下面的CSS并没有像预期的那样改变外观。

optgroup {
    font-weight: normal;
}
option {
    margin: 0;
}

如何使标签非粗体并删除选项上的缩进？