Warning: A non-numeric value encountered in /kunden/439622_40885/webseiten/internetblog/wordpress/wp-content/plugins/eu-cookie-law/class-frontend.php on line 122

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.


Warning: count(): Parameter must be an array or an object that implements Countable in /kunden/439622_40885/webseiten/internetblog/wordpress/wp-includes/class-wp-comment-query.php on line 399

Schreibe einen Kommentar

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

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

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close