要素内の のテキストの色のスタイルを設定する方法

要素の外観をカスタマイズするときに、特定の 内のテキストの色を変更する必要があります。これを実現する方法に関する完全なガイドは次のとおりです。

HTML で、 要素を一意の ID で識別します。その中の各 は選択可能なオプションを表します。最初のオプション (通常は「1 つのオプションを選択」など) のスタイルを設定するには、開始 タグ内のインライン スタイル属性を使用します。

  select one option
  one
  two

この例では、最初のオプションには color: grey スタイルを使用して灰色が割り当てられています。さらに、アクセシビリティを目的として value 属性が追加されました。

残りのオプションのスタイルを変更するには、別の CSS クラスを作成し、それを他の 要素に適用します。ここでは、「others」という名前のクラスを作成し、それを使用して色を黒に設定します。

.others {
    color: black;
}

この方法を使用すると、テキストの色を含め、 要素内の 要素の外観を簡単にカスタマイズできます。