Placeholder Textfarbe mit CSS gestalten

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.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Mit der Nutzung dieser Webseite stimmen Sie zu, dass die Webseite Cookies nutzt. Mehr Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen