css - 将 optgroup 标签显示为初始选项

Question

是否可以在选择下拉列表中显示 optgroup 的标签作为第一个选项？

这有意义吗？或者有更好的方法吗？

我基本上需要第一个标签，它显示为 Select Price 并且不能直接选择，但是当您像 optgroup 标签一样展开选择菜单时显示。

Answer 1

您可以使用标准option元素并简单地指定disabled属性：

<select>
  <option disabled="disabled" selected="selected">Select Price</option>
  <optgroup label="Gold">
    <option>5.00</option>
    <option>10.00</option>
  </optgroup>
</select>

请参阅此jsFiddle 演示。