Chrome 浏览器中的 optgroup 标签不是粗体答案

【问题标题】：optgroup label is not bold in Chrome browserChrome 浏览器中的 optgroup 标签不是粗体
【发布时间】：2018-09-10 12:20:47
【问题描述】：

<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 { 字体粗细：粗体！重要； }

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

【问题讨论】：

对我来说是粗体，使用相同的版本和构建。虽然不像在 Firefox 中那么明显
您使用的是 Mac 还是 windows ？我在 Mac 中，这有什么不同吗？
不确定...虽然我正在使用 Windows

标签： javascript html css reactjs

【解决方案1】：

我再次测试了它。我验证了 OSX 存在问题。但它适用于 windows (chrome)。

【讨论】：