So gestalten Sie die Textfarbe eines innerhalb eines -Elements

Beim Anpassen des Erscheinungsbilds eines -Elements kann es vorkommen, dass Sie müssen die Farbe des Textes innerhalb einer bestimmten ändern. Hier ist eine vollständige Anleitung, wie Sie dies erreichen:

Identifizieren Sie in Ihrem HTML das -Element mit seiner eindeutigen ID. Darin stellt jede eine auswählbare Option dar. Um die erste Option zu formatieren, die normalerweise „wählen Sie eine Option“ oder ähnliches lautet, verwenden Sie das Inline-Stilattribut innerhalb des öffnenden -Tags.

  select one option
  one
  two

In diesem Beispiel wurde der ersten Option mithilfe des Stils „color: grey“ eine graue Farbe zugewiesen. Darüber hinaus wurde aus Gründen der Barrierefreiheit ein Wertattribut hinzugefügt.

Um die verbleibenden Optionen anders zu gestalten, erstellen Sie eine separate CSS-Klasse und wenden Sie sie auf die anderen -Elemente an. Hier erstellen wir eine Klasse mit dem Namen „others“ und verwenden sie, um die Farbe auf Schwarz zu setzen.

.others {
    color: black;
}

Mit diesem Ansatz können Sie das Erscheinungsbild der -Elemente in Ihrem -Element, einschließlich der Textfarbe, ganz einfach anpassen.