Placeholder Texte werden als normale Einstellungen einer Webseite in Hellgrau dargestellt. Die Farbe sollte man jedoch ändern, gerade wenn man die Input Felder gefrisch gestaltet.

Placeholder Texte gestalten in CSS

Moderne Webseiten erfordern, dass auch die Kontaktformulare mit den entsprechenden Placeholder Texte gestaltet werden. Dafür gibt es ganz einfache Befehle.

:-ms-input-placeholder {  
   color: green;  
}

::-webkit-input-placeholder {
   color: green;
}

:-moz-placeholder { 
   color: green;  
}

::-moz-placeholder {  
   color: green;  
}

Was sind Placeholder Texte

Ein Placeholder Text (Platzhalter Text) ist ein vorausgefüllter Wert in einem Input Feld. Dieses Wert wird jedoch automatisch gelöscht, sobald man mit dem Cursor in das entsprechende Feld geht. Es sind alle keine JavaScript Zeilen mehr nötig, um dieses Verhalten zu erstellen.
Der Platzhalter Text dient dazu, dass man den Nutzer sagen kann, welchen Wert er in das Feld schreiben soll.

Browsersupport

Wie immer an dieser Stelle in meinen Beiträgen ein Link zur Seite von Caniuse, die euch zeigt, welche Browser die Änderung der Textfarbe akzeptieren.