Probleme beim Erstellen von Platzhaltern für HTML-Auswahlfelder

Ich verwende einen Platzhalter in einer Texteingabe und es funktioniert einwandfrei. Ich möchte aber auch einen Platzhalter für mein Auswahlfeld verwenden. Natürlich kann ich den folgenden Code verwenden:

<Auswählen>
    <option value="">Wählen Sie Ihre Option</option>
    <option value="hurr">Durr</option>
</Auswählen>

Aber die Option „Wählen Sie Ihre Option“ ist schwarz statt hellgrau. Meine Lösung würde also wahrscheinlich CSS-basiert sein. jQuery ist auch gut.

Dadurch werden die Optionen im Dropdown-Menü einfach ausgegraut (also nach dem Klicken auf den Pfeil):

Option:Erste {
    Farbe: #999;
}

Die Frage ist: Wie erstellen Benutzer Platzhalter in Auswahlfeldern? Aber es wurde beantwortet, hurra.

Die Verwendung dieser Methode führt dazu, dass der ausgewählte Wert immer ausgegraut wird (auch nach Auswahl einer echten Option):

wählen {
    Farbe: #999;
}

Lösung:

Nicht-CSS – keine JavaScript/jQuery-Antwort:

<Auswählen>
    <option value="" disabled selected>Wählen Sie Ihre Option</option>
    <option value="hurr">Durr</option>
</Auswählen>

Oben finden Sie ausführliche Informationen zum Problem der Erstellung von Platzhaltern in HTML-Auswahlfeldern. Weitere Informationen zu Platzhaltern in HTML-Auswahlfeldern finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!