Wie kann ich die Textfarbe eines „“ innerhalb eines „“-Elements ändern?

So gestalten Sie die Textfarbe eines Innerhalb eines Element

Beim Anpassen des Erscheinungsbilds eines

Element, könnte es erforderlich sein, die Farbe des Texts innerhalb einer bestimmten zu ändern. Hier ist eine vollständige Anleitung, wie Sie dies erreichen können:

Identifizieren Sie in Ihrem HTML das Element mit seiner eindeutigen ID. Darin ist jede stellt 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 der Eröffnungszeile Tag.

<code class="html"><select id="select">
  <option style="color: gray" value="null">select one option</option>
  <option value="1" class="others">one</option>
  <option value="2" class="others">two</option>
</select></code>

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 andere

-Klasse an. Elemente. Hier erstellen wir eine Klasse mit dem Namen „others“ und verwenden sie, um die Farbe auf Schwarz zu setzen.

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

Mit diesem Ansatz können Sie das Erscheinungsbild der Option

ganz einfach anpassen. Elemente in Ihrem Element, einschließlich der Textfarbe.

Das obige ist der detaillierte Inhalt vonWie kann ich die Textfarbe eines „“ innerhalb eines „“-Elements ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!