javascript - optgroup 标签在 Chrome 浏览器中不是粗体

Question

<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: bold !important;

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

Answer 1

我又测试了一下。 我确认 OSX 存在问题。 但它适用于 Windows (chrome)。