Heim >Web-Frontend >CSS-Tutorial >Wie ändere ich die Textfarbe eines bestimmten „' innerhalb eines „Dropdown'?
Wie ändere ich die Textfarbe eines bestimmten „' innerhalb eines „Dropdown'?
- Barbara StreisandOriginal
- 2024-10-26 13:49:31688Durchsuche
Ändern der Textfarbe einer
Wenn Sie versuchen, die Textfarbe der ersten Option in einer Dropdown-Liste zu ändern, kann es bei der Verwendung von CSS-Klassen zu Schwierigkeiten kommen. Hier ist eine Lösung:
Um nur die Farbe der ersten Option zu ändern, wenden Sie einen Inline-Stil direkt auf diese Option an:
<code class="html"><option style="color: grey" value="null">select one option</option></code>
Dieser Ansatz stellt sicher, dass der Stil nur für die erste Option gilt , wobei die übrigen Optionen in ihrer Standardfarbe Schwarz belassen werden.
Um den Stil der anderen Optionen weiter anzupassen, erstellen Sie eine CSS-Klasse mit dem Namen „others“:
<code class="css">.others {
color: black;
}</code>
Dann fügen Sie „ other"-Klasse auf die verbleibenden Optionen:
<code class="html"><option value="1" class="others">one</option> <option value="2" class="others">two</option></code>
Dadurch werden alle Optionen außer der ersten auf Schwarz gesetzt. Die Kombination aus Inline-Stil und CSS-Klasse stellt sicher, dass die erste Option grau bleibt, während die anderen schwarz sind.
Das obige ist der detaillierte Inhalt vonWie ändere ich die Textfarbe eines bestimmten „' innerhalb eines „Dropdown'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!