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

时间:2018-03-31 19:40:58

标签: javascript html css reactjs

<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

1 个答案:

答案 0 :(得分:0)

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