「」ドロップダウン内の特定の「」のテキストの色を変更するにはどうすればよいですか?

のテキストの色の変更

内でドロップダウン リストの最初のオプションのテキストの色を変更しようとすると、CSS クラスの使用で問題が発生する可能性があります。解決策は次のとおりです:

最初のオプションの色のみを変更するには、そのオプションにインライン スタイルを直接適用します:

<code class="html"><option style="color: grey" value="null">select one option</option></code>

このアプローチにより、スタイルは最初のオプションにのみ適用されます。 、残りのオプションはデフォルトの黒のままにします。

他のオプションのスタイルをさらにカスタマイズするには、「others」という名前の CSS クラスを作成します。

<code class="css">.others {
    color: black;
}</code>

次に、「」を追加します。 「others」クラスを残りのオプションに追加します:

<code class="html"><option value="1" class="others">one</option>
<option value="2" class="others">two</option></code>

これにより、最初のオプションを除くすべてのオプションが黒に設定されます。インライン スタイルと CSS クラスを組み合わせると、最初のオプションは灰色のままになり、他のオプションは黒になります。

以上が「」ドロップダウン内の特定の「」のテキストの色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。