Gewusst wie: Ändern Sie die Farbe des Platzhalters
Erfahren Sie, wie Sie die Farbe des Platzhalterattributs mit CSS ändern.
Platzhalterfarbe
Schritt 1) HTML hinzufügen:
Verwenden Sie ein Eingabeelement und fügen Sie das Platzhalterattribut hinzu:
Beispiel
<input type="text" placeholder="A red placeholder text..">
Schritt 2) CSS hinzufügen:
In den meisten Browsern ist der Platzhaltertext grau. Um dies zu ändern, formatieren Sie den Platzhalter mit dem Nicht-Standard- ::placeholder
Selektor. Beachten Sie, dass Firefox dem Platzhalter eine geringere Deckkraft hinzufügt, daher verwenden wir opacity:
1, um dies zu beheben.
Beispiel
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Tipp: Lesen Sie mehr über den ::placeholder Selektor in unserer CSS-Referenz: CSS ::placeholder Property .