Streaming live at 10am (PST)

Change Font Colour on Form

Hi all, is there a simple way to change the font colour on a forms input field? I’ve tried the obvious (but the text stays grey. Thank you,

There’s no way to do that natively in WF.

You need this custom code:

    <style type="text/css">
    input.input-box, textarea { background: white; color: black; }
.w-input::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
}
.w-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    red;
    opacity: 1;
}
.w-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    red;
    opacity: 1;
}
.w-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    red;
}
    input.black-text, textarea { color: black; }

</style>

Change the colour name for the hexcode code of the colour you want.

Thank you @aaronocampo - I’ll give it a go!

1 Like

Hi, @aaronocampo

I pasted it into the body of the body of the page in question but it doesn’t seem to have worked, guess I’ve done something wrong? Share code belpow and what I changed.

https://preview.webflow.com/preview/jospropertysite?preview=cfaec47b7ce38c744dc8950dc920bad2

input.input-box, textarea { background: white; color: black; } .w-input::-webkit-input-placeholder { /* WebKit browsers */ color: black; } .w-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black; opacity: 1; } .w-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black; opacity: 1; } .w-input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: red; } input.black-text, textarea { color: black; }
1 Like

Paste it into the head.

1 Like

Ahhh… Thank you @aaronocampo

1 Like

This topic was automatically closed after 60 days. New replies are no longer allowed.