HTML 選択ボックスのプレースホルダーの作成に関する問題

テキスト入力でプレースホルダーを使用していますが、問題なく動作します。しかし、選択ボックスにはプレースホルダーも使用したいと思います。もちろん、次のコードを使用することもできます。

<選択>
    <option value="">オプションを選択してください</option>
    <option value="hurr">ドゥー</option>
</選択>

しかし、「オプションを選択」はライトグレーではなく黒です。したがって、私の解決策はおそらく CSS ベースになるでしょう。 jQueryも良いですね。

これにより、ドロップダウン メニューのオプションがグレー表示されます (矢印をクリックした後)。

オプション:最初{
    色: #999;
}

質問は、選択ボックスにプレースホルダーをどのように作成するかということです。しかし、答えは出ました。やったー。

この方法を使用すると、選択した値は常にグレー表示されます (実際のオプションを選択した後でも)。

選択{
    色: #999;
}

解決：

CSS 以外 - JavaScript/jQuery なしの回答:

<選択>
    <option value="" disabled selected>オプションを選択してください</option>
    <option value="hurr">ドゥー</option>
</選択>

上記は、HTML 選択ボックスでプレースホルダーを作成する問題に関する詳細な内容です。HTML 選択ボックスのプレースホルダーの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。