[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか？

質問

テキスト入力にプレースホルダーを使用していますが、うまくいっています。しかし、セレクトボックスにもプレースホルダーを使いたいと思っています。もちろん、このコードを使用することができます。

<select>
    <option value="">Select your option</option>
    <option value="hurr">Durr</option>
</select>

しかし、'Select your option' はライトグレーではなく、黒で表示されます。jQueryでもかまいません。

これは、ドロップダウンで（だから矢印をクリックした後）オプションをグレーにするだけです。

option:first {
    color: #999;
}

問題は、セレクトボックスでプレースホルダーを作る人はどうやっているのか、ということです。しかし、それはすでに回答されています、乾杯。

そしてこれを使うと、（本当の選択肢を選んだ後でも）選択された値が常にグレーになってしまうのです。

select {
    color: #999;
}

解決方法は？

非CSS - JavaScript/jQueryの回答はありません。

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="hurr">Durr</option>
</select>

更新情報 (2021年12月）。

最新のFirefox,Chrome,Safariで動作します。以前はコメントで指摘されているように、多くのブラウザで動作しないことがありました。