内でドロップダウン リストの最初のオプションのテキストの色を変更しようとすると、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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
