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 デモを参照してください。