Wie bearbeite ich das hier per CSS?

dn3d_fanboy · 10.01.2014

Hallo,
ich muss nochmal nerven. Und zwar habe ich auf einer WP-Seite mithilfe von Contact Form 7 ein Kontaktformular erstellt, unter anderem mit Platzhaltern, die in den Textfeldern, bzw. Textareas stehen.

Im Quelltext werden diese wie folgt im jeweiligen input-Tag ausgeführt:

Code:

placeholder="Ihre Nachricht"

Habe ich da eine Möglichkeit, das Aussehen per CSS zu ändern?

Besten Dank im Voraus.

patrick_l · 10.01.2014

AW: Wie bearbeite ich das hier per CSS?

»Vendor Prefixes« sind dein Freund.

Code:

/* --| Firefox 18 < |------------ */
:-moz-placeholder {} 
/* --| Firefox 19 > |------------ */
::-moz-placeholder {} 
/* --| Webkit Browser |---------- */
::-webkit-input-placeholder {} 
/* --| Internet Explorer |------- */
:-ms-input-placeholder {}

Hier auch nochmal etwas zum Nachlesen, was das Styling des Placeholders angeht:

-
- Smart Webentwicklung » HTML5 Placeholder-Attribut für Input-Felder

Liebe Grüße, Patrick

dn3d_fanboy · 10.01.2014

AW: Wie bearbeite ich das hier per CSS?

patrick_l schrieb:
»Vendor Prefixes« sind dein Freund.

Code:

/* --| Firefox 18 < |------------ */ :-moz-placeholder {} /* --| Firefox 19 > |------------ */ ::-moz-placeholder {} /* --| Webkit Browser |---------- */ ::-webkit-input-placeholder {} /* --| Internet Explorer |------- */ :-ms-input-placeholder {}

Hier auch nochmal etwas zum Nachlesen, was das Styling des Placeholders angeht:

-
- Smart Webentwicklung » HTML5 Placeholder-Attribut für Input-Felder

Liebe Grüße, Patrick

Guten morgen Patrick,

vielen Dank für die schnelle Hilfe und die Links zum Thema. Hat alles wunderbar geklappt.