Wie ändere ich die Farbe des Placeholders

Lernen Sie, wie Sie die Farbe der Placeholder-Eigenschaften mit CSS ändern.

Try it yourself

Wie ändere ich die Farbe des Placeholders

Schritt 1 - Fügen Sie HTML hinzu:

Verwenden Sie das Eingabelement und fügen Sie placeholder Eigenschaft:

<input type="text" placeholder="Ein roter Placeholder-Text..">

Schritt 2 - Fügen Sie CSS hinzu:

In den meisten Browsern ist der Placeholder-Text grau. Um diese Einstellung zu ändern, verwenden Sie ::placeholder den Selector, um den Style des Placeholders zu setzen.

Bitte beachten Sie, dass Firefox eine geringere Transparenz für Placeholder hinzufügt, daher verwenden wir opacity: 1 Lösen dieses Problem.

::placeholder {
  color: red;
  opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  color: red;
{}

Try it yourself

Related pages

Reference manual:CSS ::placeholder selector