要素内の特定の `` のテキストの色を変更するにはどうすればよいですか?

のテキストの色を変更する方法?

HTML ドキュメント内では、CSS を使用してドロップダウン メニュー (

要素) 内の個々のオプションの外観を変更できます。最近、ユーザーが最初のオプションのテキストの色をグレーに変更しようとしたときに問題に直面しましたが、提供された CSS コードは効果がありませんでした。

重要な解決策は、目的の色のプロパティを特定のオプションに直接設定することです。 。この場合、「グレー」色は、色の値を持つ style 属性を最初の に割り当てることで実現されました。

<code class="html"><option style="color: gray" value="null">Select one option</option></code>

ログイン後にコピー

他のすべてのオプションが影響を受けないようにするために、「others」などのクラスをそれらに適用し、別の色でオーバーライドできます:

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

ログイン後にコピー

このアプローチを使用すると、後続のオプションの色を変更せずに最初のオプションを選択的にスタイル設定でき、目的の効果が得られます。

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